Changing the webkit-search-cancel-button in the header to use a white "x" png instead so it is visible.

2022-04-27 16:51:17 -04:00 · 2022-04-27 16:51:17 -04:00 · ef3460b738
parent 865e92c94c
commit ef3460b738
2 changed files with 9 additions and 0 deletions
--- a/src/images/close-white.png
+++ b/src/images/close-white.png
--- a/src/scss/header.scss
+++ b/src/scss/header.scss
@ -17,6 +17,15 @@
  app-search {
    grid-column-start: 2;
    width: 100%;
+
+    [type="search"]::-webkit-search-cancel-button {
+      -webkit-appearance: none;
+      appearance: none;
+      height: 15px;
+      width: 15px;
+      background-repeat: no-repeat;
+      background-image: url("../images/close-white.png");
+    }
  }

  app-account-switcher {