From: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>
Date: Fri, 28 Jun 2013 20:33:14 +0000 (+0300)
Subject: Use triangle for current tab highlight
X-Git-Tag: v6.0.0~215^2~37
X-Git-Url: http://git.osdn.net/view?a=commitdiff_plain;h=3e4de1ded4343f66b4d7036129b80684b2f46d38;p=wvm%2Fgitlab.git

Use triangle for current tab highlight
---

diff --git a/app/assets/stylesheets/sections/nav.scss b/app/assets/stylesheets/sections/nav.scss
index f14fc527a..c92c63d1d 100644
--- a/app/assets/stylesheets/sections/nav.scss
+++ b/app/assets/stylesheets/sections/nav.scss
@@ -6,9 +6,7 @@
 
   ul {
     margin: auto;
-    height: 41px;
-    position: relative;
-    top: 3px;
+    height: 42px;
     overflow: hidden;
     .count {
       font-weight: normal;
@@ -34,10 +32,23 @@
       display: table-cell;
       width: 1%;
       &.active {
-        border-bottom: 3px solid #777;
         a {
           color: $style_color;
           font-weight: bolder;
+
+          &:after {
+            content: '';
+            display: block;
+            position: relative;
+            bottom: 8px;
+            left: 50%;
+            width: 0;
+            height: 0;
+            border-color: transparent transparent #777 transparent;
+            border-style: solid;
+            border-width: 6px;
+            margin-left: -6px;
+          }
         }
       }
 
@@ -67,6 +78,7 @@
       text-shadow: 0 1px 1px white;
       padding: 0 10px;
       text-decoration: none;
+      padding-top: 4px;
     }
   }
 }