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

Merge pull request #9698 from mfo/US/fix-combobox-on-mobile

Browse source 
correctif(combobox): ETQ usager, les combobox sur mobile n'etaient pas utilisable
This commit is contained in:
mfo 2023-11-13 11:17:43 +00:00 committed by GitHub
commit 485dcd1db7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
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