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

amelioration(combobox): ETQ usager, les combobox de DS se comportent comme un <select>

Browse source
This commit is contained in:
Martin 2023-11-13 10:14:02 +01:00
parent 485dcd1db7
commit d3d195c566
1 changed files with 20 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -33,22 +33,29 @@ trix-editor.fr-input {
margin-top: 0.5rem; margin-top: 0.5rem;
} }
@media (max-width: 62em) {
.fr-ds-combobox { .fr-ds-combobox {
.fr-menu { .fr-menu {
.fr-menu__list { width: 100%;
z-index: calc(var(--ground) + 1000);
width: 100%; .fr-menu__list {
background-color: var(--background-default-grey); width: 100%;
--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);
}
} }
} }
} }
@media (max-width: 62em) {
.fr-ds-combobox .fr-menu .fr-menu__list {
z-index: calc(var(--ground) + 1000);
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 // 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. // This rule was set by DSFR for DSFR design, but broke our legacy forms.
// scss-lint:disable DuplicateProperty // scss-lint:disable DuplicateProperty