@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
|
-
|
|
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 {
|