Commit 0f834d117291e64e054b0226cc8e63ebaa517964
1 parent
3e30b105
Exists in
spb-stable
and in
3 other branches
Improve navbar UX
Signed-off-by: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>
Showing
1 changed file
with
16 additions
and
4 deletions
Show diff stats
app/assets/stylesheets/sections/nav.scss
| @@ -36,8 +36,7 @@ | @@ -36,8 +36,7 @@ | ||
| 36 | &.active { | 36 | &.active { |
| 37 | a { | 37 | a { |
| 38 | color: #333; | 38 | color: #333; |
| 39 | - font-weight: bolder; | ||
| 40 | - | 39 | + font-weight: bold; |
| 41 | &:after { | 40 | &:after { |
| 42 | content: ''; | 41 | content: ''; |
| 43 | display: block; | 42 | display: block; |
| @@ -56,7 +55,20 @@ | @@ -56,7 +55,20 @@ | ||
| 56 | 55 | ||
| 57 | &:hover { | 56 | &:hover { |
| 58 | a { | 57 | a { |
| 59 | - color: $style_color; | 58 | + color: $link_color; |
| 59 | + &:after { | ||
| 60 | + content: ''; | ||
| 61 | + display: block; | ||
| 62 | + position: relative; | ||
| 63 | + bottom: 8px; | ||
| 64 | + left: 50%; | ||
| 65 | + width: 0; | ||
| 66 | + height: 0; | ||
| 67 | + border-color: transparent transparent #29b transparent; | ||
| 68 | + border-style: solid; | ||
| 69 | + border-width: 6px; | ||
| 70 | + margin-left: -6px; | ||
| 71 | + } | ||
| 60 | } | 72 | } |
| 61 | } | 73 | } |
| 62 | 74 | ||
| @@ -73,7 +85,7 @@ | @@ -73,7 +85,7 @@ | ||
| 73 | a { | 85 | a { |
| 74 | display: block; | 86 | display: block; |
| 75 | text-align: center; | 87 | text-align: center; |
| 76 | - font-weight: normal; | 88 | + font-weight: 500; |
| 77 | height: 38px; | 89 | height: 38px; |
| 78 | line-height: 34px; | 90 | line-height: 34px; |
| 79 | color: #777; | 91 | color: #777; |