chore: more style tweaks

UCLALibrary · Dec 19, 2024 · 937a7d1 · 937a7d1
1 parent 8ca6d8c
commit 937a7d1
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 7 deletions.
diff --git a/src/lib-components/DateFilter.vue b/src/lib-components/DateFilter.vue
@@ -228,9 +228,9 @@ onMounted(() => {
     >
       <template #input-icon>
         <SvgIconFTVACalender />
-        <span :class="inputIconClass">
+        <!-- <span :class="inputIconClass">
           <SvgIconFTVADropTriangle />
-        </span>
+        </span> -->
       </template>
 
       <template #clear-icon="{ clear }">
@@ -485,6 +485,9 @@ onMounted(() => {
       &:hover, &:focus {
         border-color: #ddd;
       }
+      &:hover {
+        background-color: #f1f1f1;
+      }
 
       @media #{$small} {
         padding-inline-start: 57px;
@@ -501,7 +504,7 @@ onMounted(() => {
 
       svg {
         position: absolute;
-        right: 40px;
+        right: 30px;
         transform: translateY(-50%);
 
         @media #{$small} {

diff --git a/src/styles/ftva/_filters-dropdown.scss b/src/styles/ftva/_filters-dropdown.scss
@@ -4,6 +4,9 @@
         &:hover, &:focus {
             border-color: #ddd;
         }
+        &:hover {
+            background-color: #f1f1f1;
+        }
     }
     // Done / Clear Buttons
     .action-row {
@@ -51,10 +54,9 @@
         // Input field / Button on Mobile
         :deep(.mobile-button) {
             border-color: $medium-grey;
-            &:hover,
-                &:focus {
-                    border-color: $medium-grey;
-                }
+            &:hover, &:focus {
+                border-color: $medium-grey;
+            }
             &.is-expanded {
                     color: $accent-blue;
                     border: 2px solid $accent-blue;