apply in treemap

togostanza · May 17, 2024 · c82f211 · c82f211
1 parent 32f54ff
commit c82f211
Showing 1 changed file with 25 additions and 14 deletions.
diff --git a/stanzas/treemap/style.scss b/stanzas/treemap/style.scss
@@ -5,20 +5,31 @@ main {
   padding: var(--togostanza-canvas-padding);
 }
 
-svg rect.container {
-  fill: var(--togostanza-theme-background_color);
-}
-
-svg text {
-  font-size: calc(var(--togostanza-fonts-font_size_primary) * 1px);
-  > tspan.number-label {
-    font-size: calc(var(--togostanza-fonts-font_size_secondary) * 1px);
-  }
-}
+svg {
+  > g {
+    > rect.container {
+      fill: var(--togostanza-theme-background_color);
+    }
+
+    text {
+      font-size: calc(var(--togostanza-fonts-font_size_primary) * 1px);
+      > tspan.number-label {
+        font-size: calc(var(--togostanza-fonts-font_size_secondary) * 1px);
+      }
+    }
 
-g rect.selectable:not(.breadcrumb) {
-  &.-selected {
-    stroke-width: 5px;
-    stroke: var(--togostanza-theme-selected_border_color);
+    &:has(rect.selectable.-selected) {
+      rect.selectable {
+        opacity: 0.3;
+      }
+    }
+
+    g {
+      rect.selectable:not(.breadcrumb) {
+        &.-selected {
+          opacity: 1;
+        }
+      }
+    }
   }
 }