From 8c7ff4ec54b8d24efcb2873d91168500291b9228 Mon Sep 17 00:00:00 2001
From: Hsieh Chin Fan <pham@topo.tw>
Date: Wed, 25 Sep 2024 17:01:53 +0800
Subject: feat(CSS): add gray-out to non-focused block

---
 src/css/dumbymap.css | 8 ++++++++
 1 file changed, 8 insertions(+)

(limited to 'src/css')

diff --git a/src/css/dumbymap.css b/src/css/dumbymap.css
index ba0e0f9..4e8fc45 100644
--- a/src/css/dumbymap.css
+++ b/src/css/dumbymap.css
@@ -186,6 +186,14 @@ root {
 
     justify-content: flex-start;
 
+    /* Trivial: gray out text not focused */
+    &:has(.dumby-block.focus) {
+      color: gray;
+      .dumby-block.focus {
+        color: initial;
+      }
+    }
+
     :has( > .map-container,  > [data-placeholder]) {
       display: flex;
       gap: 0.5em;
-- 
cgit v1.2.3-70-g09d2