Download as
Browse Code »

Commit 0f834d117291e64e054b0226cc8e63ebaa517964

Authored by Dmitriy Zaporozhets
1 parent 3e30b105
Exists in spb-stable and in 3 other branches 6-8-stable, 7-0-stable, 7-0-stable-spb

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
  Diff comments   View file @0f834d1
... ... @@ -36,8 +36,7 @@
36 36 &.active {
37 37 a {
38 38 color: #333;
39   - font-weight: bolder;
40   -
  39 + font-weight: bold;
41 40 &:after {
42 41 content: '';
43 42 display: block;
... ... @@ -56,7 +55,20 @@
56 55  
57 56 &:hover {
58 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 85 a {
74 86 display: block;
75 87 text-align: center;
76   - font-weight: normal;
  88 + font-weight: 500;
77 89 height: 38px;
78 90 line-height: 34px;
79 91 color: #777;
... ...