Merge pull request #138 from wellneverknow/mobile-fix

Mobile fix
ubiquity · Oct 26, 2024 · d76acb1 · d76acb1
2 parents 36d04bb + 47b72a0
commit d76acb1
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 16 deletions.
diff --git a/static/style/inverted-style.css b/static/style/inverted-style.css
@@ -113,7 +113,7 @@
     transition: 125ms opacity ease-out 62.5ms;
   }
   #issues-container:hover .issue-element-inner {
-    opacity: 0.5;
+    opacity: 1;
   }
   #issues-container.keyboard-selection:hover .issue-element-inner {
     opacity: 1;
@@ -153,18 +153,25 @@
   #issues-container.keyboard-selection > div.active {
     opacity: 0.33;
   }
-  #issues-container.keyboard-selection > div.active.selected {
-    opacity: 1;
-  }
+
+  @media (hover: hover) {
+    #issues-container.keyboard-selection > div.active.selected {
+      opacity: 1;
+    }
+    #issues-container > div:hover {
+      opacity: 1;
+      transition: background-color 0s;
+    }
+    #issues-container:hover .issue-element-inner {
+      opacity: 0.5;
+    }
+  } 
+
   #issues-container > div.active {
     transition: 125ms all ease-in-out;
     opacity: 1;
     filter: blur(0);
   }
-  #issues-container > div:hover {
-    opacity: 1;
-    transition: background-color 0s;
-  }
   #issues-container > div:hover .info {
     opacity: 1;
   }

diff --git a/static/style/style.css b/static/style/style.css
@@ -113,7 +113,7 @@
     transition: 125ms opacity ease-out 62.5ms;
   }
   #issues-container:hover .issue-element-inner {
-    opacity: 0.5;
+    opacity: 1;
   }
   #issues-container.keyboard-selection:hover .issue-element-inner {
     opacity: 1;
@@ -153,18 +153,25 @@
   #issues-container.keyboard-selection > div.active {
     opacity: 0.33;
   }
-  #issues-container.keyboard-selection > div.active.selected {
-    opacity: 1;
-  }
+
+  @media (hover: hover) {
+    #issues-container.keyboard-selection > div.active.selected {
+      opacity: 1;
+    }
+    #issues-container > div:hover {
+      opacity: 1;
+      transition: background-color 0s;
+    }
+    #issues-container:hover .issue-element-inner {
+      opacity: 0.5;
+    }
+  } 
+
   #issues-container > div.active {
     transition: 125ms all ease-in-out;
     opacity: 1;
     filter: blur(0);
   }
-  #issues-container > div:hover {
-    opacity: 1;
-    transition: background-color 0s;
-  }
   #issues-container > div:hover .info {
     opacity: 1;
   }