LOYALIST-51 Search: View page theming

unb-libraries · Jul 29, 2024 · 102fb55 · 102fb55
1 parent f3616c4
commit 102fb55
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 0 deletions.
diff --git a/custom/themes/the_loyalist_collection/images/square-xmark-solid.svg b/custom/themes/the_loyalist_collection/images/square-xmark-solid.svg
diff --git a/custom/themes/the_loyalist_collection/src/scss/style.scss b/custom/themes/the_loyalist_collection/src/scss/style.scss
@@ -159,3 +159,24 @@ dl.loyalist-record {
     }
   }
 }
+
+input[type="search"]::-webkit-search-cancel-button {
+  appearance: none;
+  height: $spacer * 3;
+  width: $spacer * 3;
+  background: url(../../images/square-xmark-solid.svg) no-repeat 50% 50%;
+  background-size: contain;
+  margin-right: $spacer * -1;
+  opacity: 0;
+  pointer-events: none;
+}
+
+input[type="search"]:focus::-webkit-search-cancel-button,
+input[type="search"]:hover::-webkit-search-cancel-button {
+  opacity: 0.7;
+  pointer-events: auto;
+}
+input[type="search"]::-webkit-search-cancel-button:hover {
+  cursor: pointer;
+  fill: $unb-logo-red;
+}