on ajoute par defaut une couleur de background si un champ recherche est rempli

This commit is contained in:
Christophe 2022-04-13 12:01:23 +02:00
parent da0eb14336
commit 29c2e32428
3 changed files with 34 additions and 4 deletions

View file

@ -46,7 +46,28 @@
padding: 0.25rem 1rem;
}
.h2-like.titregamutable, .h2-like.titregamutable_deux {
.gamutable__input--rechercher:valid {
background-color: #72878f;
color: #fff;
}
.gamutable__input--rechercher:-moz-placeholder-shown {
background-color: transparent;
color: inherit;
}
.gamutable__input--rechercher:-ms-input-placeholder {
background-color: transparent;
color: inherit;
}
.gamutable__input--rechercher:placeholder-shown {
background-color: transparent;
color: inherit;
}
.h2-like.titregamutable,
.h2-like.titregamutable_deux {
font-weight: bold;
}

File diff suppressed because one or more lines are too long

View file

@ -40,7 +40,17 @@
.gamutable__input--rechercher {
padding: 0.25rem 1rem;
}
.h2-like.titregamutable, .h2-like.titregamutable_deux {
.gamutable__input--rechercher:valid {
background-color: rgb(114, 135, 143);
color: #fff;
}
.gamutable__input--rechercher:placeholder-shown {
background-color: transparent;
color: inherit;
}
.h2-like.titregamutable,
.h2-like.titregamutable_deux {
font-weight: bold;
}
.gamutable table {
@ -139,7 +149,6 @@ td.icone i {
margin-right: 1rem;
}
/* blocks widths (percentage and pixels) */
$i: 100;
@while $i > 0 {