Merge pull request #10111 from colinux/fix-procedure-logo-dark-theme

Usager: logos transparents de démarches plus visible avec le thème sombre
This commit is contained in:
Colin Darie 2024-03-14 11:28:10 +00:00 committed by GitHub
commit 0c2d1b2cf6
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 9 additions and 6 deletions

View file

@ -1,11 +1,7 @@
@import "constants";
.commencer {
.optional-on-small-screens {
color: #FFFFFF;
}
@media (max-width: 450px) {
@media (max-width: 62em) {
.optional-on-small-screens {
display: none;
}

View file

@ -43,6 +43,12 @@ $procedure-context-breakpoint: $two-columns-breakpoint;
max-width: 100%;
max-height: 50px;
html[data-fr-theme='dark'] & {
box-sizing: content-box;
padding: $default-padding / 2;
background: #FFFFFF;
}
@media (min-width: $procedure-context-breakpoint) {
max-height: 90px;
}

View file

@ -5,8 +5,9 @@
.procedure-logo {
@include ie-compatible-background-image();
background-color: #FFFFFF;
background-color: #FFFFFF; // also in dark mode: logos assume transparent pixels are white
background-position: 95% 50%;
color: #000000; // alt text when image is not loaded
height: 84px;
width: 84px;
margin-right: $default-padding;