@signal9/era-ui 3.12.2 → 3.12.4
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
|
: ''}"
|
|
@@ -158,7 +158,14 @@
|
|
|
158
158
|
size="md"
|
|
159
159
|
class="shrink-0 gap-(--era-xxs-inset-md) rounded-none border-b border-divider-faded px-(--era-xxs-inset-md)"
|
|
160
160
|
>
|
|
161
|
-
|
|
161
|
+
<!-- The glyph is on the ICON tier but every other child of this bar is on
|
|
162
|
+
the xxs tier, so a bare svg here gets the bar's 3px side padding
|
|
163
|
+
against its own ~6px vertical inset. The holder puts it on the same
|
|
164
|
+
tier as the new-note button — one even gap for every child — while
|
|
165
|
+
the glyph itself stays icon-sized inside it. -->
|
|
166
|
+
<span class="flex size-xxs shrink-0 items-center justify-center">
|
|
167
|
+
<Search class="size-(--era-icon-xxs) text-muted" />
|
|
168
|
+
</span>
|
|
162
169
|
<input
|
|
163
170
|
class="h-full min-w-0 flex-1 bg-transparent text-body text-fg outline-none placeholder:text-muted"
|
|
164
171
|
type="text"
|