dsh-xray 0.7.1 → 0.7.2
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/lib/client.js +9 -6
- package/package.json +1 -1
package/lib/client.js
CHANGED
|
@@ -17,7 +17,15 @@ window.__ModuleLoader__.load({
|
|
|
17
17
|
|
|
18
18
|
//#region styles (host design tokens; auto-claimed by client-modules)
|
|
19
19
|
const css = [
|
|
20
|
-
|
|
20
|
+
// The panel owns its scrolling: the tab fills the host view area
|
|
21
|
+
// (flex column, overflow on .xray-body) instead of growing inside the
|
|
22
|
+
// host scrollport. View switches then change only the inner scroll
|
|
23
|
+
// height — the page-level scroll position never jumps, however tall
|
|
24
|
+
// deps/cost render. .xray-stale dims outgoing content while the next
|
|
25
|
+
// payload is in flight.
|
|
26
|
+
'.xray-panel{flex:1;min-height:0;display:flex;flex-direction:column;max-width:920px;width:100%;margin:0 auto;padding:16px 20px;font-size:13px;color:var(--dsw-alias-label-primary)}',
|
|
27
|
+
'.xray-body{flex:1;min-height:0;overflow-y:auto}',
|
|
28
|
+
'.xray-stale{opacity:.45;transition:opacity .15s;pointer-events:none}',
|
|
21
29
|
'.xray-sub{color:var(--dsw-alias-label-tertiary);margin:0 0 14px;font-size:12px}',
|
|
22
30
|
'.xray-nav{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}',
|
|
23
31
|
'.xray-nav button{font:inherit;font-size:12px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-3);border:1px solid var(--dsw-alias-border-l2);border-radius:6px;padding:4px 10px;cursor:pointer}',
|
|
@@ -26,11 +34,6 @@ window.__ModuleLoader__.load({
|
|
|
26
34
|
// visible in both themes, unlike brand-primary which resolves to
|
|
27
35
|
// near-white in dark mode (white-on-white active buttons).
|
|
28
36
|
'.xray-nav button.active{color:var(--dsw-alias-state-business-primary);background:var(--dsw-alias-state-business-tertiary);border-color:var(--dsw-alias-state-business-primary);font-weight:600}',
|
|
29
|
-
// min-height pads the short views (summary is 4 rows, deps dozens) so
|
|
30
|
-
// switching between them moves the layout as little as possible;
|
|
31
|
-
// .xray-stale dims outgoing content while the next payload is in flight.
|
|
32
|
-
'.xray-body{min-height:320px}',
|
|
33
|
-
'.xray-stale{opacity:.45;transition:opacity .15s;pointer-events:none}',
|
|
34
37
|
'.xray-table{border-collapse:collapse;width:100%;margin-top:6px}',
|
|
35
38
|
'.xray-table th,.xray-table td{text-align:left;padding:4px 10px;border-bottom:1px solid var(--dsw-alias-border-l2);vertical-align:top}',
|
|
36
39
|
'.xray-table th{color:var(--dsw-alias-label-tertiary);font-weight:normal}',
|