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

correctif(combobox): problème de z-index et de fond sur les combobox en mobile

Browse source 
Co-authored-by: Colin Darie <colin@darie.eu>
This commit is contained in:
Martin 2023-11-13 10:01:50 +01:00 committed by mfo
parent fb318620aa
commit 4daeed68f3
1 changed files with 16 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -33,6 +33,22 @@ trix-editor.fr-input {
margin-top: 0.5rem;
}
@media (max-width: 62em) {
.fr-ds-combobox {
.fr-menu {
.fr-menu__list {
z-index: calc(var(--ground) + 1000);
width: 100%;
background-color: var(--background-default-grey);
--idle: transparent;
--hover: var(--background-overlap-grey-hover);
--active: var(--background-overlap-grey-active);
filter: drop-shadow(var(--overlap-shadow));
box-shadow: inset 0 1px 0 0 var(--border-open-blue-france);
}
}
}
}
// Fix firefox < 80, Safari < 15.4, Chrome < 83 not supporting "appearance: auto" on inputs
// This rule was set by DSFR for DSFR design, but broke our legacy forms.
// scss-lint:disable DuplicateProperty