@synopackageland/ui 0.14.4 → 0.14.6
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/CHANGELOG.md +11 -0
- package/dist/index.js +2317 -2305
- package/dist/json-preview/preview.js +1228 -1220
- package/dist/lib/adaptiveLayout.d.ts +1 -1
- package/dist/lib/deviceViewport.d.ts +4 -1
- package/dist/reka-runtime.json +1 -1
- package/dist/theme.css +1 -1
- package/dist/themes/dsm7-embedded-theme.css +1 -1
- package/dist/themes/dsm7-embedded.css +1 -1
- package/dist/themes/dsm7.css +1 -1
- package/docs/adaptive-layout.md +8 -5
- package/package.json +1 -1
package/docs/adaptive-layout.md
CHANGED
|
@@ -5,12 +5,12 @@ The same AppRoot + AppLayout supports three presentations:
|
|
|
5
5
|
|
|
6
6
|
| AppLayout container width | Presentation | Layout |
|
|
7
7
|
| --- | --- | --- |
|
|
8
|
-
| 1–
|
|
9
|
-
|
|
|
8
|
+
| 1–640px | `mobile` | Slide-out accessible navigation, tight page gutters, wrapped header actions, narrow-table cards |
|
|
9
|
+
| 641–1199px | `window` | Original dense DSM window interior, same as before |
|
|
10
10
|
| 1200px or wider, with `wide-layout="web"` | `web` | Full page: collapsible and resizable sidebar, heavier dividers, page content flush beside the sidebar at DSM window padding (no page card), lifted cards on flat pages |
|
|
11
11
|
|
|
12
12
|
A maximized DSM window is still a DSM window: without `wide-layout="web"`,
|
|
13
|
-
AppLayout stays in `window` mode at any width above
|
|
13
|
+
AppLayout stays in `window` mode at any width above 640px. Only a full-page
|
|
14
14
|
Portal (or standalone web page) should opt into `web`.
|
|
15
15
|
|
|
16
16
|
The thresholds are based on **actual AppLayout width**, not the browser viewport.
|
|
@@ -142,10 +142,13 @@ import {
|
|
|
142
142
|
- `DataTable` defaults to `mobile-view="auto"`, switching to accessible labeled
|
|
143
143
|
cards in the **App's mobile presentation**. A narrow table within an ordinary
|
|
144
144
|
700px/800px DSM Window stays a table, even if its content area is below
|
|
145
|
-
|
|
146
|
-
back to its own width (
|
|
145
|
+
640px. When no AppRoot/AppLayout provides a presentation, DataTable falls
|
|
146
|
+
back to its own width (640px or less). It preserves *all* columns,
|
|
147
147
|
custom `cell-*` slots and actions. `mobile-view="table"` retains horizontal
|
|
148
148
|
scrolling for dense/interactive data; `cards` forces cards at every size.
|
|
149
|
+
Explicit column `width` values (CSS pixels or percentages) use fixed table
|
|
150
|
+
tracks; columns without a width share the remaining space. Long text wraps
|
|
151
|
+
inside those tracks. Tables without widths retain automatic sizing.
|
|
149
152
|
- `DataGrid` retains its desktop semantics (sorting, editing, selection,
|
|
150
153
|
keyboard navigation, reorder) and horizontally scrolls at narrow widths.
|
|
151
154
|
Avoid silently removing columns or disabling actions. Use a mobile alternative
|