LOYALIST-33 Search input|cancel button|hover|indicator

unb-libraries · Oct 2, 2024 · a9a3124 · a9a3124
1 parent 37ac800
commit a9a3124
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/custom/themes/the_loyalist_collection/src/scss/style.scss b/custom/themes/the_loyalist_collection/src/scss/style.scss
@@ -189,13 +189,14 @@ img:not([class]) {
 
 input[type="search"]::-webkit-search-cancel-button {
   appearance: none;
-  height: $spacer * 2.8;
-  width: $spacer * 2.8;
+  height: $spacer * 2.5;
+  width: $spacer * 2.5;
   background: url(../../images/square-xmark-solid.svg) no-repeat 50% 50%;
   background-size: contain;
-  margin-right: $spacer * -0.9;
+  margin-right: $spacer * -0.7;
   opacity: 0;
   pointer-events: none;
+  transition: opacity $transition-speed-default $transition-timing-default;
 }
 
 input[type="search"]:focus::-webkit-search-cancel-button,
@@ -205,7 +206,7 @@ input[type="search"]:hover::-webkit-search-cancel-button {
 }
 input[type="search"]::-webkit-search-cancel-button:hover {
   cursor: pointer;
-  fill: $unb-logo-red;
+  opacity: 1;
 }
 
 li:not(.nav-item):not(.menu-item):not(.facet-item) {