Fix media queries for absolutely positioned nav element
This commit is contained in:
parent
8eb31c40fc
commit
36f60982ce
3 changed files with 14 additions and 4 deletions
|
@ -22,7 +22,7 @@ header {
|
|||
}
|
||||
|
||||
&.navbar-gitlab {
|
||||
padding: 0 20px;
|
||||
padding: 0 16px;
|
||||
z-index: 100;
|
||||
margin-bottom: 0;
|
||||
min-height: $header-height;
|
||||
|
|
|
@ -201,9 +201,13 @@
|
|||
border-bottom: 1px solid $border-color;
|
||||
transition-duration: .3s;
|
||||
|
||||
.container-fluid {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.controls {
|
||||
float: right;
|
||||
padding: 7px 5px 0 0;
|
||||
padding: 7px 0 0;
|
||||
|
||||
i {
|
||||
color: $layout-link-gray;
|
||||
|
|
|
@ -323,11 +323,17 @@
|
|||
}
|
||||
|
||||
.layout-nav {
|
||||
padding-right: $sidebar_width;
|
||||
|
||||
@media (max-width: $screen-xs-min) {
|
||||
padding-right: 0;;
|
||||
}
|
||||
|
||||
@media (min-width: $screen-xs-min) and (max-width: $screen-md-min) {
|
||||
padding-right: 62px;
|
||||
}
|
||||
|
||||
@media (min-width: $screen-md-min) {
|
||||
padding-right: $sidebar_width;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue