From 3e4de1ded4343f66b4d7036129b80684b2f46d38 Mon Sep 17 00:00:00 2001 From: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com> Date: Fri, 28 Jun 2013 23:33:14 +0300 Subject: [PATCH] Use triangle for current tab highlight --- app/assets/stylesheets/sections/nav.scss | 20 ++++++++++++++++---- 1 file changed, 16 insertions(+), 4 deletions(-) diff --git a/app/assets/stylesheets/sections/nav.scss b/app/assets/stylesheets/sections/nav.scss index f14fc527a0..c92c63d1db 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; } } } -- 2.30.9