@sentropic/design-system-svelte 0.34.61 → 0.34.63
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.
- package/dist/IdentityMenu.svelte +1 -1
- package/dist/Menu.svelte +4 -0
- package/dist/MenuPopover.svelte +3 -0
- package/package.json +1 -1
package/dist/IdentityMenu.svelte
CHANGED
|
@@ -107,7 +107,7 @@
|
|
|
107
107
|
["st-identityMenu", compact ? "st-identityMenu--compact" : null, className]
|
|
108
108
|
.filter(Boolean)
|
|
109
109
|
.join(" ");
|
|
110
|
-
const initial = $derived(
|
|
110
|
+
const initial = $derived(identityInitials(user));
|
|
111
111
|
const displayName = $derived(user?.displayName || user?.email || "User");
|
|
112
112
|
|
|
113
113
|
function getMenuItems(): HTMLElement[] {
|
package/dist/Menu.svelte
CHANGED
|
@@ -193,6 +193,10 @@
|
|
|
193
193
|
display: grid;
|
|
194
194
|
min-width: var(--st-component-menu-minWidth, 12rem);
|
|
195
195
|
max-width: var(--st-component-menu-maxWidth, 18rem);
|
|
196
|
+
/* Scroll quand la liste dépasse le viewport (ex: 24+ thèmes) plutôt que de
|
|
197
|
+
déborder hors de l'écran. */
|
|
198
|
+
max-height: var(--st-menu-maxHeight, 80vh);
|
|
199
|
+
overflow-y: auto;
|
|
196
200
|
padding: var(--st-spacing-1, 0.25rem);
|
|
197
201
|
}
|
|
198
202
|
|
package/dist/MenuPopover.svelte
CHANGED
|
@@ -152,6 +152,9 @@
|
|
|
152
152
|
border-radius: var(--st-component-menu-radius, 0.375rem);
|
|
153
153
|
box-shadow: var(--st-component-menu-shadow, 0 8px 24px rgb(15 23 42 / 0.14));
|
|
154
154
|
color: var(--st-component-menu-text, var(--st-semantic-text-primary));
|
|
155
|
+
/* Aligne la taille de texte sur le Menu normal (.st-menu__item) : sans ça le
|
|
156
|
+
contenu hérite de la taille de la page (~1rem) au lieu de 0.875rem. */
|
|
157
|
+
font-size: var(--st-component-menu-fontSize, 0.875rem);
|
|
155
158
|
min-width: var(--st-component-menu-minWidth, 12rem);
|
|
156
159
|
max-width: var(--st-component-menu-maxWidth, 18rem);
|
|
157
160
|
max-height: calc(100vh - 2rem);
|