@iasiv5/dsh-skins 1.5.18 → 1.5.19
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 +17 -0
- package/package.json +1 -1
package/lib/client.js
CHANGED
|
@@ -446,6 +446,18 @@
|
|
|
446
446
|
}
|
|
447
447
|
return lines.join("\n");
|
|
448
448
|
}
|
|
449
|
+
function buildFullscreenBaseCss(bodyAttribute, opaqueFills) {
|
|
450
|
+
if (opaqueFills === null) return "";
|
|
451
|
+
const body = `body[${datasetAttribute(bodyAttribute)}]`;
|
|
452
|
+
const column = ' [data-rightbar-fullscreen] [class*="_rightbarCol"]';
|
|
453
|
+
const dockPanel = ' [data-sidebar-right-panel="fullscreen"]';
|
|
454
|
+
const dockPane = ' [data-sidebar-right-panel="fullscreen"] [data-dockkit-pane]';
|
|
455
|
+
return [
|
|
456
|
+
"/* dsh-skins fullscreen base (ADR-0020): solid skin-tone base while data-rightbar-fullscreen is set — the fullscreen dockkit PANE paints a translucent bg token where the official theme paints opaque white (DOM-dump evidence), so the pane is the bleed surface; solid matches the official look. Docked column untouched */",
|
|
457
|
+
`${body}${column},${body}${dockPanel},${body}${dockPane}{background-color:${opaqueFills.light}!important}`,
|
|
458
|
+
`${body}[data-ds-dark-theme]${column},${body}[data-ds-dark-theme]${dockPanel},${body}[data-ds-dark-theme]${dockPane}{background-color:${opaqueFills.dark}!important}`
|
|
459
|
+
].join("\n");
|
|
460
|
+
}
|
|
449
461
|
var PRODUCTION_FIELDS = /* @__PURE__ */ new Set([
|
|
450
462
|
"id",
|
|
451
463
|
"label",
|
|
@@ -693,6 +705,11 @@ ${darkSelector}{${dark.join(";")}}`;
|
|
|
693
705
|
buildShellAlignmentCss(effects.bodyAttribute, opaqueFills, backdrop2)
|
|
694
706
|
);
|
|
695
707
|
stops.push(() => tag.remove());
|
|
708
|
+
const fullscreenCss = buildFullscreenBaseCss(effects.bodyAttribute, opaqueFills);
|
|
709
|
+
if (fullscreenCss !== "") {
|
|
710
|
+
const fullscreenTag = styleTag(`dsh-skins/${skin.id}.fullscreen.css`, fullscreenCss);
|
|
711
|
+
stops.push(() => fullscreenTag.remove());
|
|
712
|
+
}
|
|
696
713
|
}
|
|
697
714
|
const backdrop = backdropCss(effects);
|
|
698
715
|
if (backdrop !== null) {
|
package/package.json
CHANGED