@zolomedia/bifrost-client 1.7.82 → 1.7.83
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.
|
@@ -75,9 +75,8 @@ export class VideoRenderer {
|
|
|
75
75
|
video.controls = true; // always give the user native controls
|
|
76
76
|
video.preload = 'metadata'; // fetch dimensions/duration, not the whole file
|
|
77
77
|
|
|
78
|
-
//
|
|
79
|
-
|
|
80
|
-
video.style.height = 'auto';
|
|
78
|
+
// Responsive sizing (max-width:100% + height:auto) is bifrost-owned in
|
|
79
|
+
// zbase.css; _zClass still wins for app-specific shaping.
|
|
81
80
|
|
|
82
81
|
if (_zClass) video.className = _zClass;
|
|
83
82
|
if (_id) video.setAttribute('id', _id);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zolomedia/bifrost-client",
|
|
3
|
-
"version": "1.7.
|
|
3
|
+
"version": "1.7.83",
|
|
4
4
|
"description": "Browser client for zBifrost — the WebSocket bridge that turns JSON events from a zOS server into live DOM. Thin bootstrap + server-controlled core.",
|
|
5
5
|
"homepage": "https://github.com/ZoloAi/zbifrost-client#readme",
|
|
6
6
|
"repository": {
|
package/zSys/theme/zbase.css
CHANGED
|
@@ -65,7 +65,7 @@ body {
|
|
|
65
65
|
line-height: 1.5;
|
|
66
66
|
}
|
|
67
67
|
|
|
68
|
-
img, svg { display: block; max-width: 100%; }
|
|
68
|
+
img, svg, video { display: block; max-width: 100%; }
|
|
69
69
|
|
|
70
70
|
/* Default link color — zCLI/info palette, overridable via --color-link.
|
|
71
71
|
* Navbar links and buttons opt out below (they manage their own color). */
|
|
@@ -246,6 +246,21 @@ dd:last-child { margin-bottom: 0; }
|
|
|
246
246
|
}
|
|
247
247
|
.zList-inline-item { margin: 0; }
|
|
248
248
|
|
|
249
|
+
/* ─── Media (zImage / zVideo) ──────────────────────────────────────────────── */
|
|
250
|
+
/* Bifrost owns the media baseline. <img>/<video> stay responsive (display:block
|
|
251
|
+
* + max-width:100% in the reset above); <video> keeps its aspect via height:auto.
|
|
252
|
+
* A captioned media renders inside a <figure> — own it so the UA's default
|
|
253
|
+
* `margin: 1em 40px` side-indent never offsets the media. figcaption is themed by
|
|
254
|
+
* the renderer via bifrost utilities (zText-muted/zText-center/zmt-2). */
|
|
255
|
+
|
|
256
|
+
video { height: auto; }
|
|
257
|
+
|
|
258
|
+
figure { margin: 0 0 1rem; }
|
|
259
|
+
figure:last-child { margin-bottom: 0; }
|
|
260
|
+
figure > img,
|
|
261
|
+
figure > video { margin-bottom: 0; }
|
|
262
|
+
figcaption { line-height: 1.5; }
|
|
263
|
+
|
|
249
264
|
/* ─── Form controls — canonical field base (Bootstrap-like) ────────────────── */
|
|
250
265
|
/* The client emits a real field as `.zForm-control` (default) or `.zInput`
|
|
251
266
|
* (input-groups / explicit). Style BOTH so a field on ANY page — not just
|