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

Merge pull request #8035 from colinux/fix-safari

Browse source 
style: fix old webkits radio & checkbox appearance
This commit is contained in:
Colin Darie 2022-11-14 15:17:24 +01:00 • committed by GitHub
commit 0812caeb32
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 10 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
app/assets/stylesheets/buttons.scss
View file

@ -15,6 +15,7 @@
color: $black; color: $black;
text-align: center; text-align: center;
-webkit-appearance: none; -webkit-appearance: none;
background-image: none; // Remove DSFR underline
&:hover:not(:disabled) { &:hover:not(:disabled) {
cursor: pointer; cursor: pointer;

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

@ -13,16 +13,23 @@ select {
font-weight: bold; font-weight: bold;
} }
// fix firefox < 80 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.
// scss-lint:disable DuplicateProperty // scss-lint:disable DuplicateProperty
input[type="checkbox"] { input[type="checkbox"] {
-moz-appearance: checkbox; -moz-appearance: checkbox;
-moz-appearance: auto; -moz-appearance: auto;
-webkit-appearance: checkbox;
-webkit-appearance: auto;
} }
input[type="radio"] { input[type="radio"] {
-moz-appearance: radio; -moz-appearance: radio;
-moz-appearance: auto; -moz-appearance: auto;
-webkit-appearance: radio;
-webkit-appearance: auto;
} }
// scss-lint:enable DuplicateProperty // scss-lint:enable DuplicateProperty

2
app/views/shared/dossiers/_demande.html.haml
View file

@ -30,7 +30,7 @@
- if profile == 'usager' && !dossier.read_only? - if profile == 'usager' && !dossier.read_only?
.flex.row-reverse .flex.row-reverse
= link_to t('views.shared.dossiers.demande.edit_identity'), identite_dossier_path(dossier), class: 'button' = link_to t('views.shared.dossiers.demande.edit_identity'), identite_dossier_path(dossier), class: 'fr-btn fr-btn--tertiary'
.tab-title= t('views.shared.dossiers.demande.form') .tab-title= t('views.shared.dossiers.demande.form')
- champs = dossier.champs_public.includes(:type_de_champ) - champs = dossier.champs_public.includes(:type_de_champ)