armentieres: fix toplinks wrapping on small desktop resolutions (#70745)
This commit is contained in:
parent
ffee5b45c0
commit
9a3dad86af
|
@ -1,7 +1,7 @@
|
|||
div#top {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
flex-wrap: nowrap;
|
||||
padding: 0 15px;
|
||||
|
||||
@media($max-mobile-viewport) {
|
||||
|
@ -15,10 +15,16 @@ div#header {
|
|||
}
|
||||
|
||||
#logo{
|
||||
&.has-logo a::before {
|
||||
background-position: center;
|
||||
margin-top: 15px;
|
||||
margin-right: 80px;
|
||||
&.has-logo {
|
||||
flex-basis: #{extract-width($header-logo-size)};
|
||||
flex-shrink: 1;
|
||||
flex-grow: 1;
|
||||
|
||||
a::before {
|
||||
background-position: left;
|
||||
margin-top: 15px;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media($max-mobile-viewport) {
|
||||
|
@ -58,6 +64,8 @@ div.gru-nav {
|
|||
position: static;
|
||||
margin: 0;
|
||||
flex-grow: 1;
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
|
||||
&--link {
|
||||
padding: 0;
|
||||
|
@ -69,9 +77,13 @@ div.gru-nav {
|
|||
|
||||
@media ($min-desktop-viewport) {
|
||||
height: $header-height;
|
||||
margin-right: 35px;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
&--label {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.submenu {
|
||||
|
@ -151,9 +163,7 @@ div.gru-nav {
|
|||
|
||||
div#toplinks {
|
||||
position: static;
|
||||
|
||||
max-width: 100%;
|
||||
padding: 1rem 2rem;
|
||||
|
||||
@media($max-mobile-viewport) {
|
||||
padding: 0;
|
||||
|
|
Loading…
Reference in New Issue