Apply search input contrast fix on all pages (#5245)

This commit is contained in:
Wahid Shafique 2023-05-03 14:34:21 -04:00 committed by GitHub
parent b4a96c2365
commit 827a7c583e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 13 deletions

View File

@ -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,