@broberg/app-shell 0.16.0 → 0.17.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.
- package/README.md +4 -0
- package/css/app-shell.css +3 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -140,6 +140,10 @@ approved mockup without overriding our rules. Fallbacks are the defaults:
|
|
|
140
140
|
@media (max-width: 640px) { .scout .bas-sidebar { --bas-item-font-size: 15.5px; --bas-item-padding: 6px; } }
|
|
141
141
|
```
|
|
142
142
|
|
|
143
|
+
**0.17.0** — `--bas-item-line-height` (no default: unset, the row inherits its line height as before).
|
|
144
|
+
With it a row height is exact — e.g. «the same spacing as Claude Desktop», 40px rows:
|
|
145
|
+
`--bas-item-font-size: 17px; --bas-item-line-height: 24px; --bas-item-padding: 8px 12px; --bas-item-gap: 14px;` (24 + 8 + 8 = 40).
|
|
146
|
+
|
|
143
147
|
## 0.11.1 — the palette list floats over the menu (F001.25)
|
|
144
148
|
|
|
145
149
|
Christian 10/10: «Kunne denne ikke være en pop-over ting så dialogen ikke bliver
|
package/css/app-shell.css
CHANGED
|
@@ -106,6 +106,9 @@
|
|
|
106
106
|
position: relative; display: flex; align-items: center; gap: var(--bas-item-gap, 10px); width: 100%;
|
|
107
107
|
padding: var(--bas-item-padding, 7px 10px); border-radius: var(--bas-item-radius, 6px); text-decoration: none;
|
|
108
108
|
color: var(--fg-muted); font-size: var(--bas-item-font-size, calc(13px * var(--bas-font-scale, 1)));
|
|
109
|
+
/* F092.25 — no fallback on purpose: unset, the declaration is invalid at computed
|
|
110
|
+
* time and acts as `unset`, so the row inherits its line-height exactly as before. */
|
|
111
|
+
line-height: var(--bas-item-line-height);
|
|
109
112
|
transition: background var(--bas-dur) var(--bas-ease), color var(--bas-dur) var(--bas-ease);
|
|
110
113
|
}
|
|
111
114
|
.bas-item:hover { background: var(--hover); color: var(--fg); }
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@broberg/app-shell",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.17.0",
|
|
4
4
|
"description": "The fleet's app shell: collapsible sidebar (phone: rail or drawer), top bar with the notification bell and user menu as standard, page header and tabs. Framework-free core + Preact (Stack B). Styled on @broberg/theme tokens. Avatar from Broberg ID, initials otherwise — no Gravatar.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|