Remove hover from toolbox for mobile devices

data-intuitive · Nov 10, 2023 · 683fc11 · 683fc11
1 parent bbeb9f4
commit 683fc11
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/styles.css b/styles.css
@@ -7,6 +7,7 @@ General
 */
 
 /* General */
+
 body {
   --scale: 1.0;
   font-weight: 400;
@@ -394,6 +395,7 @@ Toolbox layout
 
 .tool-icon {
   max-height: 100%;
+  /* height: 130%; */
   vertical-align: middle;
 }
 
@@ -412,6 +414,17 @@ Toolbox layout
   display: block;
 }
 
+/* Deal with devices that do not support hover */
+@media(hover:none) {
+  .tool-icon {
+    opacity: 40%;
+  }
+
+  .tool-tooltip-text {
+    display: block;
+  }
+}
+
 @keyframes fadeOut {
   0% { opacity: 100%; }
   100% { visibility: 40%; }