Added a sidebar and some styling

chriserin · Aug 23, 2010 · 8753262 · 8753262
1 parent 5275e7b
commit 8753262
Show file tree

Hide file tree

Showing 3 changed files with 45 additions and 4 deletions.
diff --git a/app/views/users/show.html.erb b/app/views/users/show.html.erb
@@ -1,4 +1,15 @@
-<h1>
-  <%= gravatar_for @user %>
-  <%= @user.name %>
-</h1>
+<table class="profile" summary="Profile information">
+  <tr>
+    <td class="main">
+      <h1>
+        <%= gravatar_for @user %>
+        <%= @user.name %>
+      </h1>
+    </td>
+    <td class="sidebar round">
+      <strong>Name</strong> <%= @user.name %><br />
+      <strong>URL</strong>  <%= link_to user_path(@user), @user %>
+    </td>
+  </tr>
+</table>
+
diff --git a/public/stylesheets/custom.css b/public/stylesheets/custom.css
@@ -111,3 +111,27 @@ footer {
 footer nav {
   float: none;
 }
+
+/* User show page */
+
+table.profile {
+  width: 100%;
+  margin-bottom: 0;
+}
+
+td.main {
+  width: 70%;
+  padding: 1em;
+}
+
+td.sidebar {
+  width: 30%;
+  padding: 1em;
+  vertical-align: top;
+  background: #ffc;
+}
+
+.profile img.gravatar {
+  border: 1px solid #999;
+  margin-bottom: -15px;
+}
diff --git a/spec/controllers/users_controller_spec.rb b/spec/controllers/users_controller_spec.rb
@@ -33,6 +33,12 @@
       get :show, :id => @user
       response.should have_selector('h1>img', :class => "gravatar")
     end
+
+    it "should have the right URL" do
+      get :show, :id => @user
+      response.should have_selector('td>a', :content => user_path(@user),
+                                            :href    => user_path(@user))
+    end
   end
 
   describe "GET 'new'" do