DGNum/demarches-normaliennes
15
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
.fr-sidemenu__item .fr-sidemenu__link.custom-link-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 {
// Avoid overflow on mobile version
// Due to button width
// Avoid overflow due to button width
overflow-x: hidden;
.fr-btn {
width: auto;
}
// Align links & buttons in mobile version
// Align links & buttons
.fr-translate {
margin-left: 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
.fr-nav__item:only-child::before {
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;
}