Disable hover on touch devices

2026-08-11 11:27:10 +08:00 · 2018-03-26 22:35:21 +02:00
parent 864012e5ab
commit 5b9d24a029
1 changed files with 12 additions and 4 deletions
@@ -23,16 +23,15 @@
  border: none;
  color: #4e4e4e;
  margin-right: 3px;
+  border-radius: 3px;
 }

-.button:hover{
+.button:hover {
  cursor: pointer;
-  border-radius: 3px;
  background-color: #eae8e8;
 }

-.active {
-  border-radius: 3px;
+.button.active {
  background-color: #ddd;
 }

@@ -41,3 +40,12 @@
  cursor: default;
  background: none;
 }
+
+@media (-moz-touch-enabled: 1), (pointer:coarse) {
+  .button:hover{
+    background-color: transparent;
+  }
+  .button.active {
+    background-color: #ddd;
+  }
+}