DGNum/demarches-normaliennes
15
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 {
opacity: 0.6;
opacity: 0.7;
}
.direct-upload__progress {
@ -19,18 +19,21 @@
top: 0;
left: 0;
bottom: 0;
opacity: 0.2;
background: #0076ff;
background-color: var(--background-contrast-grey);
transition: width 120ms ease-out, opacity 60ms 60ms ease-in;
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 {
opacity: 0.4;
background-color: var(--background-overlap-grey);
}
.direct-upload--error {
border-color: red;
border-color: var(--border-plain-error);
}
input[type=file][data-direct-upload-url][disabled],