Commit f464d4c9f0254014ef4c982369d0499eff5f90a6
1 parent
6a58deb5
Exists in
master
and in
4 other branches
UI: Navifation -> full width tabs
Showing
1 changed file
with
6 additions
and
11 deletions
Show diff stats
app/assets/stylesheets/nav.scss
... | ... | @@ -13,6 +13,9 @@ nav.main_menu { |
13 | 13 | background-image: -webkit-linear-gradient(#eee 6.6%, #dfdfdf); |
14 | 14 | background-image: -moz-linear-gradient(#eee 6.6%, #dfdfdf); |
15 | 15 | background-image: -o-linear-gradient(#eee 6.6%, #dfdfdf); |
16 | + display:table; | |
17 | + table-layout:fixed; | |
18 | + width:100%; | |
16 | 19 | @include shade; |
17 | 20 | .count { |
18 | 21 | position: relative; |
... | ... | @@ -37,13 +40,7 @@ nav.main_menu { |
37 | 40 | color:$style_color; |
38 | 41 | } |
39 | 42 | a { |
40 | - // Landscape phone to portrait tablet | |
41 | - @media (max-width: 1080px) { min-width:35px; } | |
42 | - // Portrait tablet to landscape and desktop | |
43 | - @media (min-width: 1080px) and (max-width: 1200px) { min-width:40px; } | |
44 | - // Large desktop | |
45 | - @media (min-width: 1200px) { min-width:55px; } | |
46 | - | |
43 | + display:table-cell; | |
47 | 44 | text-align:center; |
48 | 45 | font-weight:bold; |
49 | 46 | &:first-child{ |
... | ... | @@ -55,12 +52,10 @@ nav.main_menu { |
55 | 52 | border-bottom-left-radius: 4px; |
56 | 53 | border-left: 0; |
57 | 54 | } |
58 | - padding: 9px 25px; | |
59 | - display: inline-block; | |
55 | + padding: 9px 2px; | |
60 | 56 | color: $style_color; |
61 | 57 | position: relative; |
62 | 58 | margin: 0; |
63 | - float:left; | |
64 | 59 | text-shadow:0 1px 1px white; |
65 | 60 | border-right: 1px solid #DDD; |
66 | 61 | border-left: 1px solid #EEE; |
... | ... | @@ -68,7 +63,6 @@ nav.main_menu { |
68 | 63 | &.home { |
69 | 64 | background: url(home_icon.PNG) no-repeat center center; |
70 | 65 | text-indent:-9999px; |
71 | - //min-width:40px; | |
72 | 66 | img { |
73 | 67 | position:relative; |
74 | 68 | top:4px; |
... | ... | @@ -82,6 +76,7 @@ nav.main_menu { |
82 | 76 | border-radius: 0 0 1px 1px; |
83 | 77 | &:first-child{ |
84 | 78 | border-bottom:none; |
79 | + border-left:none; | |
85 | 80 | } |
86 | 81 | } |
87 | 82 | } | ... | ... |