@ashley-shrok/viewmodel-shell 3.6.0 → 3.6.1
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/package.json +2 -2
- package/styles/default.css +14 -0
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ashley-shrok/viewmodel-shell",
|
|
3
|
-
"version": "3.6.
|
|
4
|
-
"description": "A server-driven UI framework where the wire format is structured enough that agents can build full-stack apps without ever opening a browser and all UI tests are pure unit tests with no browser runtime. Server returns a JSON tree of typed nodes; a thin TypeScript adapter renders it to DOM. Backend-agnostic
|
|
3
|
+
"version": "3.6.1",
|
|
4
|
+
"description": "A server-driven UI framework where the wire format is structured enough that agents can build full-stack apps without ever opening a browser and all UI tests are pure unit tests with no browser runtime. Server returns a JSON tree of typed nodes; a thin TypeScript adapter renders it to DOM. Backend-agnostic \u2014 a .NET reference backend ships with the repo, but any language can produce the JSON contract.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"author": "ashley-shrok",
|
package/styles/default.css
CHANGED
|
@@ -154,6 +154,20 @@ body {
|
|
|
154
154
|
Orthogonal to layout; outside a fill page the section rule is an inert no-op. */
|
|
155
155
|
.vms-page--fill { height: 100dvh; }
|
|
156
156
|
.vms-section--fill { flex: 1 1 auto; min-height: 0; overflow-y: auto; }
|
|
157
|
+
/* Fill makes the host's <body> margin load-bearing: the base `body` rule above
|
|
158
|
+
deliberately leaves margin to the host (one-line `body{margin:0}` convention),
|
|
159
|
+
but a 100dvh page plus the UA's default 8px body margin overflows the viewport
|
|
160
|
+
(100dvh + 16px → ~16px of scroll, a clipped pinned footer). So when — and ONLY
|
|
161
|
+
when — a fill page is present, the framework owns the body reset itself. Scoped
|
|
162
|
+
via :has() so non-fill pages keep the existing host-owns-margin convention. */
|
|
163
|
+
body:has(.vms-page--fill) { margin: 0; }
|
|
164
|
+
/* Fill + sidebar composition: `.vms-page--sidebar` is `flex-wrap: wrap` (for the
|
|
165
|
+
breakpoint-free stacked collapse), so the flex LINE's cross-size is the children's
|
|
166
|
+
natural max, not the container's 100dvh. With `align: stretch` the children then
|
|
167
|
+
stretch to that natural max and burst the fill height (e.g. a long sidebar list
|
|
168
|
+
pushes the page past the viewport). Cap each child at the page height and let it
|
|
169
|
+
scroll internally instead. Scoped to fill+sidebar so no other layout is touched. */
|
|
170
|
+
.vms-page--fill.vms-page--sidebar > * { max-height: 100%; overflow-y: auto; }
|
|
157
171
|
|
|
158
172
|
/* ── Section ── */
|
|
159
173
|
.vms-section { display: flex; flex-direction: column; gap: var(--vms-space-sm); }
|