Commit f464d4c9f0254014ef4c982369d0499eff5f90a6

Authored by randx
1 parent 6a58deb5

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