Commit 32e22d13 authored by Phil Hughes's avatar Phil Hughes

mobile spacing improvements

removed random colors left over from the original nav
parent 5a93b6f2
......@@ -302,7 +302,7 @@ $(function () {
$('.header-content .title, .header-content .navbar-sub-nav').toggle();
$('.header-content .header-logo').toggle();
$('.header-content .navbar-collapse').toggle();
$('.js-navbar-toggle-left, .js-navbar-toggle-right').toggle();
$('.js-navbar-toggle-left, .js-navbar-toggle-right, .title-container').toggle();
return $('.navbar-toggle').toggleClass('active');
});
// Show/hide comments on diff
......
......@@ -3,7 +3,7 @@
@import "bootstrap/variables";
header.navbar-gitlab-new {
color: $gray-normal;
color: $white-light;
background-color: $purple-900;
border-bottom: 0;
......@@ -26,21 +26,23 @@ header.navbar-gitlab-new {
align-items: center;
height: 100%;
padding-top: 3px;
padding-left: 9px;
padding-right: 9px;
margin-left: -9px;
padding-right: $gl-padding;
padding-left: $gl-padding;
margin-left: -$gl-padding;
border-bottom: 3px solid transparent;
@media (min-width: $screen-sm-min) {
padding-right: $gl-padding;
padding-left: $gl-padding;
margin-left: -16px;
}
svg {
margin-top: -3px;
@media (min-width: $screen-sm-min) {
margin-right: 10px;
}
}
&:hover,
&:focus {
......@@ -71,12 +73,17 @@ header.navbar-gitlab-new {
.navbar-collapse {
padding-left: 0;
color: $white-light;
box-shadow: 0;
@media (max-width: $screen-xs-max) {
margin-left: -$gl-padding;
margin-right: -10px;
}
.dropdown-bold-header {
color: initial;
}
.nav {
> li:not(.hidden-xs) a {
@media (max-width: $screen-xs-max) {
......@@ -91,7 +98,7 @@ header.navbar-gitlab-new {
.navbar-toggle {
min-width: 45px;
padding: 6px $gl-padding;
margin-right: -5px;
margin-right: -7px;
font-size: 14px;
text-align: center;
color: currentColor;
......@@ -107,6 +114,7 @@ header.navbar-gitlab-new {
.navbar-nav {
@media (max-width: $screen-xs-max) {
display: flex;
padding-right: 10px;
}
......@@ -117,10 +125,24 @@ header.navbar-gitlab-new {
}
}
.nav > li > a {
.nav > li {
&.header-user {
@media (max-width: $screen-xs-max) {
padding-left: 10px;
}
}
> a {
background: none;
opacity: .9;
will-change: opacity;
&.header-user-dropdown-toggle {
.header-user-avatar {
border-color: $white-light;
}
}
&:hover,
&:focus {
color: $white-light;
......@@ -132,7 +154,8 @@ header.navbar-gitlab-new {
&.header-user-dropdown-toggle {
.header-user-avatar {
border: 0;
border-color: $white-light;
}
}
}
}
......@@ -219,7 +242,8 @@ header.navbar-gitlab-new {
}
.search-input-wrap {
.search-icon {
.search-icon,
.clear-icon {
color: rgba($white-light, .6);
}
}
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment