Prevent hover style overriding active sort style on touch devices

europeana · Mar 27, 2024 · db3ccbf · db3ccbf
1 parent 1166d50
commit db3ccbf
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/packages/style/scss/table.scss b/packages/style/scss/table.scss
@@ -82,8 +82,11 @@ table,
       transform: rotate(180deg);
     }
 
-    &:hover div::after {
-      color: $black;
+    // prevents hover style overriding the active sort style on touch devices
+    @media (hover: hover) and (pointer: fine) {
+      &:hover div::after {
+        color: $black;
+      }
     }
   }