@livx.cc/bare-v3 0.1.0-alpha.117 → 0.1.0-alpha.119
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/manifest.json
CHANGED
|
@@ -33,6 +33,10 @@ For rows with long user text and several controls, keep the main text together a
|
|
|
33
33
|
|
|
34
34
|
Task-first density matters as much as fitting the width. A dashboard should reveal useful data early; a marketing hero should not be reused as its header. When a sidebar becomes mobile navigation, remove duplicated context and relocate secondary links. Preserve primary destinations, readable text and touch targets. Verify the first meaningful content is actually visible at the target phone height, not just free of horizontal overflow.
|
|
35
35
|
|
|
36
|
+
For a header that stays visible while app content scrolls, use the direct header/main structure of `b3-app-frame`, not a fixed header plus guessed top padding. Keep modal dialogs in their native top layer (`showModal()` or the component opener), rather than increasing a nested overlay's z-index. Elsewhere's booking review demonstrates a stationary header, scrolling main and modal sheet; Escape restores its review opener. This is bounded app chrome, not an arbitrary document-fixed header API.
|
|
37
|
+
|
|
38
|
+
For a nonmodal inspector, keep the main work before one `aside` in DOM order. Compose a wrapping `b3-cluster` with named app CSS for preferred content/panel widths (`flex: 999 1 24rem` and `flex: 1 1 16rem`, both `min-inline-size: 0`). The panel occupies inline-end space when available and follows the content when narrow; do not reorder it above the task or duplicate its fields. Use a button with `aria-controls`/`aria-expanded` to toggle `hidden`; preserve its DOM so an unfinished note survives collapse. If focus is inside when closing, return focus to that button before hiding. The Page composition inspector demonstrates this in-flow pattern, not a sticky or modal drawer.
|
|
39
|
+
|
|
36
40
|
For on-demand navigation, wrap `dialog.b3-dialog[data-b3-placement="end"]` in `<b3-dialog backdrop="dismiss">` with a labeled `nav.b3-nav[data-b3-orientation="vertical"]`, native destination links and an explicit `data-b3-close` button. Open with `data-b3-open="dialog-id"` after importing `@livx.cc/bare-v3/components`. Full-page links navigate normally. For same-page routing, the app must close the drawer and focus the destination after closing; otherwise opener restoration can steal destination focus. Do not duplicate a second hidden navigation tree merely to support another screen size.
|
|
37
41
|
|
|
38
42
|
Read `dialog.md` before adding overlays. Backdrop dismissal suits details, navigation and reversible review. Entry forms need a deliberate draft/unsaved-work policy. Explicit close, Escape and backdrop should agree about whether work is retained; outside dismissal never confirms an action.
|