patch: use greyscale rather than transparency

Otherwise multiple semi-transparent icons can stack and create icons that don't appear to be transparent.
acheronfail · Oct 7, 2024 · fae1939 · fae1939
1 parent 0a1a254
commit fae1939
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/Map.svelte b/src/components/Map.svelte
@@ -68,9 +68,9 @@
         if (el && typeof el.dataset.index === 'string') {
           const index = parseInt(el.dataset.index);
           if (index > selectedRowIndex) {
-            el.classList.add('opaque');
+            el.classList.add('greyscale');
           } else {
-            el.classList.remove('opaque');
+            el.classList.remove('greyscale');
           }
         }
       }

diff --git a/src/index.css b/src/index.css
@@ -67,8 +67,8 @@ hr {
   left: -15px;
 }
 
-.opaque {
-  opacity: 0.2;
+.greyscale {
+  filter: grayscale(1);
 }
 
 /* state icons */