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

fix(a11y): increase upload progress bar contrast when focused

Browse source 
Closes #8555
This commit is contained in:
Colin Darie 2023-03-22 11:04:36 +01:00
parent dcf1bcc16c
commit 688dcc020f
1 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
app/assets/stylesheets/direct_uploads.scss
View file

@ -11,7 +11,7 @@
} }
.direct-upload--pending { .direct-upload--pending {
opacity: 0.6; opacity: 0.7;
} }
.direct-upload__progress { .direct-upload__progress {
@ -19,18 +19,21 @@
top: 0; top: 0;
left: 0; left: 0;
bottom: 0; bottom: 0;
opacity: 0.2; background-color: var(--background-contrast-grey);
background: #0076ff;
transition: width 120ms ease-out, opacity 60ms 60ms ease-in; transition: width 120ms ease-out, opacity 60ms 60ms ease-in;
transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
} }
.direct-upload__filename {
position: relative; // set a position so it appears above the progress bar
}
.direct-upload--complete .direct-upload__progress { .direct-upload--complete .direct-upload__progress {
opacity: 0.4; background-color: var(--background-overlap-grey);
} }
.direct-upload--error { .direct-upload--error {
border-color: red; border-color: var(--border-plain-error);
} }
input[type=file][data-direct-upload-url][disabled], input[type=file][data-direct-upload-url][disabled],