DGNum/demarches-normaliennes
13
1
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

Align contents of language selector list

Browse source
This commit is contained in:
Corinne Durrmeyer 2024-06-21 11:27:44 +02:00
parent 8cfef1bc8f
commit b9ba2d9a01
No known key found for this signature in database
GPG key ID: DDC049DDA35585B6
2 changed files with 28 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
app/assets/stylesheets/dsfr.scss
View file

@ -132,6 +132,18 @@ button.fr-tag-bug {
} }
} }
// on applique le comportement desktop du sélecteur de langue aux terminaux de toute dimension
.fr-translate .fr-menu__list {
display: grid;
grid-template-rows: repeat(var(--rows), auto);
grid-auto-flow: column;
}
.fr-translate__language[aria-current]:not([aria-current="false"]) {
display: inline-flex;
}
// on veut ajouter un gris plus clair dans le side_menu // on veut ajouter un gris plus clair dans le side_menu
.fr-sidemenu__item .fr-sidemenu__link.custom-link-grey { .fr-sidemenu__item .fr-sidemenu__link.custom-link-grey {
color: var(--text-disabled-grey); color: var(--text-disabled-grey);

27
app/assets/stylesheets/new_header.scss
View file

@ -6,31 +6,36 @@
} }
} }
// Target mobile version
.fr-header__menu.fr-modal { .fr-header__menu.fr-modal {
// Avoid overflow on mobile version // Avoid overflow due to button width
// Due to button width
overflow-x: hidden; overflow-x: hidden;
.fr-btn { .fr-btn {
width: auto; width: auto;
} }
// Align links & buttons in mobile version // Align links & buttons
.fr-translate { .fr-translate {
margin-left: 0; margin-left: 0;
margin-right: 0; margin-right: 0;
} }
// Align list content with other items
.fr-menu__list {
margin-left: 0.5rem;
}
// Add space between button edge and content
.fr-container .fr-header__menu-links .fr-btns-group.flex.align-center .fr-translate.fr-nav .fr-nav__item .fr-translate__btn.fr-btn {
margin-right: 0;
margin-left: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
// Remove border on when there is one item only // Remove border on when there is one item only
.fr-nav__item:only-child::before { .fr-nav__item:only-child::before {
box-shadow: none; box-shadow: none;
} }
} }
// Add space between button edge and content
#modal-header__menu .fr-translate__btn {
margin-right: 0;
margin-left: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
}