tab styling

kandanapp · Apr 2, 2012 · ed2bbb2 · ed2bbb2
1 parent ab4e6de
commit ed2bbb2
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 5 deletions.
diff --git a/app/assets/javascripts/backbone/kandan.js.coffee b/app/assets/javascripts/backbone/kandan.js.coffee
@@ -47,7 +47,7 @@ window.Kandan =
     $("#channels").tabs 'option', 'tabTemplate', '''
       <li>
         <a href="#{href}">#{label}</a>
-        <span class="ui-icon ui-icon-close">x</span>
+        <a href="#" class="ui-icon ui-icon-close">x</a>
       </li>
     '''
 

diff --git a/app/assets/stylesheets/_chat_area.sass b/app/assets/stylesheets/_chat_area.sass
@@ -9,7 +9,19 @@
     background: $active-tab-bg
     border: none
     a
-      color: $active-tab-color
+      color: $active-tab-color !important
+
+html body .ui-tabs .ui-tabs-nav li
+  top: 3px !important
+  margin-right: 5px
+
+a.ui-icon-close
+  margin-top: 4px
+  color: $header-bg-1
+  cursor: hover
+
+.create_channel
+  cursor: hover
 
 .ui-tabs
   +border-radius(0px)
@@ -18,7 +30,7 @@
   border: none
   .ui-tabs-nav
     position: fixed
-    top: 2px
+    top: 0px
     left: 90px
     z-index: 20
     li a

diff --git a/app/assets/templates/chatarea.jst.eco b/app/assets/templates/chatarea.jst.eco
@@ -1,9 +1,12 @@
 <ul>
   <% for channel in @channels.models: %>
     <li>
-      <a href="#<%= "channels-#{channel.get('id')}" %>"><%= channel.get('name') %></a><span class="ui-icon ui-icon-close">x</span>
+      <a href="#<%= "channels-#{channel.get('id')}" %>"><%= channel.get('name') %></a>
+      <a href="#" class="ui-icon ui-icon-close">x</a>
     </li>
   <% end %>
-  <li><div class="create_channel">+</div></li>
+  <li>
+     <a href="#" class="create_channel">+</a>
+   </li>
 </ul>