deac/gitlabhq
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

UI: Navifation -> full width tabs

Browse source
This commit is contained in:
randx 2012-07-01 01:39:23 +03:00
parent 6a58deb536
commit f464d4c9f0
1 changed files with 6 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
app/assets/stylesheets/nav.scss
View file

@ -13,6 +13,9 @@ nav.main_menu {
background-image: -webkit-linear-gradient(#eee 6.6%, #dfdfdf); background-image: -webkit-linear-gradient(#eee 6.6%, #dfdfdf);
background-image: -moz-linear-gradient(#eee 6.6%, #dfdfdf); background-image: -moz-linear-gradient(#eee 6.6%, #dfdfdf);
background-image: -o-linear-gradient(#eee 6.6%, #dfdfdf); background-image: -o-linear-gradient(#eee 6.6%, #dfdfdf);
display:table;
table-layout:fixed;
width:100%;
@include shade; @include shade;
.count { .count {
position: relative; position: relative;
@ -37,13 +40,7 @@ nav.main_menu {
color:$style_color; color:$style_color;
} }
a { a {
// Landscape phone to portrait tablet display:table-cell;
@media (max-width: 1080px) { min-width:35px; }
// Portrait tablet to landscape and desktop
@media (min-width: 1080px) and (max-width: 1200px) { min-width:40px; }
// Large desktop
@media (min-width: 1200px) { min-width:55px; }
text-align:center; text-align:center;
font-weight:bold; font-weight:bold;
&:first-child{ &:first-child{
@ -55,12 +52,10 @@ nav.main_menu {
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
border-left: 0; border-left: 0;
} }
padding: 9px 25px; padding: 9px 2px;
display: inline-block;
color: $style_color; color: $style_color;
position: relative; position: relative;
margin: 0; margin: 0;
float:left;
text-shadow:0 1px 1px white; text-shadow:0 1px 1px white;
border-right: 1px solid #DDD; border-right: 1px solid #DDD;
border-left: 1px solid #EEE; border-left: 1px solid #EEE;
@ -68,7 +63,6 @@ nav.main_menu {
&.home { &.home {
background: url(home_icon.PNG) no-repeat center center; background: url(home_icon.PNG) no-repeat center center;
text-indent:-9999px; text-indent:-9999px;
//min-width:40px;
img { img {
position:relative; position:relative;
top:4px; top:4px;
@ -82,6 +76,7 @@ nav.main_menu {
border-radius: 0 0 1px 1px; border-radius: 0 0 1px 1px;
&:first-child{ &:first-child{
border-bottom:none; border-bottom:none;
border-left:none;
} }
} }
} }