diff options
| author | Hsieh Chin Fan <pham@topo.tw> | 2024-09-25 17:01:53 +0800 |
|---|---|---|
| committer | Hsieh Chin Fan <pham@topo.tw> | 2024-09-26 19:40:48 +0800 |
| commit | 8c7ff4ec54b8d24efcb2873d91168500291b9228 (patch) | |
| tree | 3af0843a095f180d922ad75312e4cde891838b30 /src | |
| parent | a76267400efa062965fac3959c2bd405894eb3f3 (diff) | |
feat(CSS): add gray-out to non-focused block
Diffstat (limited to 'src')
| -rw-r--r-- | src/css/dumbymap.css | 8 |
1 files changed, 8 insertions, 0 deletions
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 { | |||
| 186 | 186 | ||
| 187 | justify-content: flex-start; | 187 | justify-content: flex-start; |
| 188 | 188 | ||
| 189 | /* Trivial: gray out text not focused */ | ||
| 190 | &:has(.dumby-block.focus) { | ||
| 191 | color: gray; | ||
| 192 | .dumby-block.focus { | ||
| 193 | color: initial; | ||
| 194 | } | ||
| 195 | } | ||
| 196 | |||
| 189 | :has( > .map-container, > [data-placeholder]) { | 197 | :has( > .map-container, > [data-placeholder]) { |
| 190 | display: flex; | 198 | display: flex; |
| 191 | gap: 0.5em; | 199 | gap: 0.5em; |