Apply search input contrast fix on all pages (#5245)
This commit is contained in:
parent
b4a96c2365
commit
827a7c583e
|
@ -303,6 +303,19 @@ header {
|
||||||
color: themed("headerInputPlaceholderColor");
|
color: themed("headerInputPlaceholderColor");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
/** make the cancel button visible in both dark/light themes **/
|
||||||
|
&[type="search"]::-webkit-search-cancel-button {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
appearance: none;
|
||||||
|
height: 15px;
|
||||||
|
width: 15px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
mask-image: url("../images/close-button-white.svg");
|
||||||
|
-webkit-mask-image: url("../images/close-button-white.svg");
|
||||||
|
@include themify($themes) {
|
||||||
|
background-color: themed("headerInputColor");
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -450,19 +463,6 @@ main {
|
||||||
main {
|
main {
|
||||||
bottom: 55px;
|
bottom: 55px;
|
||||||
}
|
}
|
||||||
|
|
||||||
[type="search"]::-webkit-search-cancel-button {
|
|
||||||
-webkit-appearance: none;
|
|
||||||
appearance: none;
|
|
||||||
height: 15px;
|
|
||||||
width: 15px;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
mask-image: url("../images/close-button-white.svg");
|
|
||||||
-webkit-mask-image: url("../images/close-button-white.svg");
|
|
||||||
@include themify($themes) {
|
|
||||||
background-color: themed("headerInputColor");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.center-content,
|
.center-content,
|
||||||
|
|
Loading…
Reference in New Issue