entrouvert
/
publik-base-theme
15
1
Fork 1
Code Issues Pull Requests 11 Releases Wiki Activity

armentieres: fix toplinks wrapping on small desktop resolutions (#70745)

This commit is contained in:
Corentin Sechet 2022-12-06 15:31:05 +01:00
parent 9186f3840c
commit 040ad10f7a
1 changed files with 18 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
static/armentieres/_header.scss
View File

@ -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;