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 | } | ... | ... |