@signal9/era-ui 3.12.2 → 3.12.3
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.
|
@@ -42,12 +42,18 @@
|
|
|
42
42
|
});
|
|
43
43
|
</script>
|
|
44
44
|
|
|
45
|
+
<!-- Rows carry shrink-0 deliberately. This is a flex COLUMN with a capped
|
|
46
|
+
height, so without it flex compresses the children to fit rather than
|
|
47
|
+
letting the panel scroll: 12 items in an 8-row box rendered every h-md row
|
|
48
|
+
at 16px against 14px text, which read as a menu with no padding at all.
|
|
49
|
+
overflow-y-auto never engaged, because the content had already been
|
|
50
|
+
squashed to fit. -->
|
|
45
51
|
<div
|
|
46
52
|
bind:this={list}
|
|
47
53
|
class="scrollbar-none flex max-h-[calc(var(--era-h-md)*8)] w-max min-w-48 flex-col overflow-y-auto rounded-md bg-elevated p-menu shadow-lg glass-blur"
|
|
48
54
|
>
|
|
49
55
|
{#if items.length === 0}
|
|
50
|
-
<div class="flex h-md items-center px-inset-md text-body era-text-trim text-muted">
|
|
56
|
+
<div class="flex h-md shrink-0 items-center px-inset-md text-body era-text-trim text-muted">
|
|
51
57
|
No commands
|
|
52
58
|
</div>
|
|
53
59
|
{:else}
|
|
@@ -55,7 +61,7 @@
|
|
|
55
61
|
{@const Icon = item.icon}
|
|
56
62
|
<button
|
|
57
63
|
type="button"
|
|
58
|
-
class="flex h-md w-full cursor-pointer items-center gap-gutter rounded-item px-inset-md text-left text-body era-text-trim text-fg {i ===
|
|
64
|
+
class="flex h-md w-full shrink-0 cursor-pointer items-center gap-gutter rounded-item px-inset-md text-left text-body era-text-trim text-fg {i ===
|
|
59
65
|
selected
|
|
60
66
|
? 'bg-highlight shadow-highlight'
|
|
61
67
|
: ''}"
|