remove hover styles on mobile

globalbrain · Sep 24, 2024 · 1def91a · 1def91a
1 parent 6ec0870
commit 1def91a
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/lib/components/SDatePickerBase.vue b/lib/components/SDatePickerBase.vue
@@ -419,11 +419,16 @@ function getFormatter(fmt: Intl.DateTimeFormat, type?: string) {
     transition: background-color 0.25s;
     border-radius: 4px;
 
-    &:hover:not(:disabled),
     &:focus-visible:not(:disabled) {
       background-color: var(--c-bg-mute-1);
     }
 
+    @media (hover: hover) and (pointer: fine) {
+      &:hover:not(:disabled) {
+        background-color: var(--c-bg-mute-1);
+      }
+    }
+
     &:active:not(:disabled) {
       background-color: var(--c-bg-mute-2);
     }
@@ -480,8 +485,10 @@ function getFormatter(fmt: Intl.DateTimeFormat, type?: string) {
   cursor: pointer;
   border-radius: 4px;
 
-  &:hover {
-    background-color: var(--c-bg-info-dimm-a2);
+  @media (hover: hover) and (pointer: fine) {
+    &:hover {
+      background-color: var(--c-bg-info-dimm-a2);
+    }
   }
 
   &.today:not(.selected) {