diff options
author | Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com> | 2013-06-29 00:33:14 +0400 |
---|---|---|
committer | Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com> | 2013-06-29 00:33:14 +0400 |
commit | 3e4de1ded4343f66b4d7036129b80684b2f46d38 (patch) | |
tree | 8a00a33727a1f6bba89ed11e6cb511d061f33e12 /app/assets/stylesheets/sections/nav.scss | |
parent | f15e8a0cfe2a977cd9925332e15ef2405170fbd3 (diff) |
Use triangle for current tab highlight
Diffstat (limited to 'app/assets/stylesheets/sections/nav.scss')
-rw-r--r-- | app/assets/stylesheets/sections/nav.scss | 20 |
1 files changed, 16 insertions, 4 deletions
diff --git a/app/assets/stylesheets/sections/nav.scss b/app/assets/stylesheets/sections/nav.scss index f14fc527a0d..c92c63d1db0 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; } } } |