@kolkrabbi/kol-theme 0.180.0 → 0.181.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -22,8 +22,10 @@
22
22
  /* above the ShellDrawer sheet (z 200) — a Dropdown in the settings drawer
23
23
  * opened BEHIND it (SettingsPanelApproved, 2026-08-27). A float opened from INSIDE a float sits one
24
24
  * step higher (`--kol-float-depth`, set by PopoverPanel): the inner one's portal mounts first, so at
25
- * one z the outer panel covered its own dropdown's list (catalog variants panel, 2026-10-22). */
26
- z-index: calc(210 + var(--kol-float-depth, 0));
25
+ * one z the outer panel covered its own dropdown's list (catalog variants panel, 2026-10-22). The step is
26
+ * 100, not 1: a chromed panel (`.kol-popover`) sits on the 300 tier, so a nested list at 211 still went
27
+ * under it (0.180.0 — tested in a chromeless panel only). 100 per level clears every float tier. */
28
+ z-index: calc(210 + var(--kol-float-depth, 0) * 100);
27
29
  /* NEVER WIDER THAN THE WINDOW (the phone pass, 2026-10-02). A panel sizes to its content
28
30
  * (`w-max`) and `shift` can only slide it, so one wider than a phone hung off the right edge
29
31
  * and — parked off-screen with its reference — still stretched the page 200px sideways. The 8px
@@ -174,7 +176,7 @@
174
176
  border-radius: var(--kol-radius-sm);
175
177
  box-shadow: 0 8px 24px -8px rgba(0, 0, 0, 0.4),
176
178
  0 2px 6px -2px rgba(0, 0, 0, 0.3);
177
- z-index: var(--kol-z-tooltip, 300); /* the ladder's float tier, not nav's 1000 (EditorOverlaysOnFullscreenOverlay, user ruling 2026-08-27) */
179
+ z-index: calc(var(--kol-z-tooltip, 300) + var(--kol-float-depth, 0) * 100); /* the ladder's float tier, not nav's 1000 (EditorOverlaysOnFullscreenOverlay, user ruling 2026-08-27); + its nesting depth */
178
180
  outline: none;
179
181
  }
180
182
 
@@ -211,7 +213,7 @@
211
213
  line-height: 1;
212
214
  white-space: nowrap;
213
215
  pointer-events: none;
214
- z-index: var(--kol-z-tooltip, 300); /* the ladder's float tier, not nav's 1000 (EditorOverlaysOnFullscreenOverlay, user ruling 2026-08-27) */
216
+ z-index: calc(var(--kol-z-tooltip, 300) + var(--kol-float-depth, 0) * 100); /* the ladder's float tier, not nav's 1000 (EditorOverlaysOnFullscreenOverlay, user ruling 2026-08-27); + its nesting depth */
215
217
  }
216
218
 
217
219
  .kol-tooltip-key {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kolkrabbi/kol-theme",
3
- "version": "0.180.0",
3
+ "version": "0.181.0",
4
4
  "description": "Tokens and base CSS",
5
5
  "license": "MIT",
6
6
  "type": "module",