@iasiv5/dsh-skins 1.5.6 → 1.5.7
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 +13 -3
- package/package.json +1 -1
package/lib/client.js
CHANGED
|
@@ -1703,7 +1703,13 @@ ${names}`,
|
|
|
1703
1703
|
// 毛玻璃弹层（dsh-quota-watch 同款配方）：86% 不透明底 + blur14 提饱和，
|
|
1704
1704
|
// 下层文字被底色盖住、只余柔光，弹层文字保持清晰可读；首条 solid 声明
|
|
1705
1705
|
// 兜底不支持 color-mix 的浏览器。
|
|
1706
|
-
|
|
1706
|
+
// Width term reserves 16px margins per side on sub-414px viewports (the
|
|
1707
|
+
// 390px cap keeps every wider viewport untouched). The old 24px term left
|
|
1708
|
+
// only ~10px of right margin once the trigger-anchored left offset was
|
|
1709
|
+
// paid, and — combined with the fixed 360px list column — clipped the
|
|
1710
|
+
// gear column at the pop's own edge on phones (field report 2026-10-14:
|
|
1711
|
+
// 手机上齿轮被截半 + 横向滚动条).
|
|
1712
|
+
".dsh-skins-pop{position:fixed;z-index:60;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;width:min(390px,calc(100vw - 32px));max-height:calc(100vh - 24px);padding:14px;border:1px solid var(--dsw-alias-border-l2);border-radius:14px;background:var(--dsw-alias-bg-elevated,var(--dsw-alias-bg-overlay));background:color-mix(in srgb,var(--dsw-alias-bg-base,#1f1f1f) 86%,transparent);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);color:var(--dsw-alias-label-primary);box-shadow:var(--dsw-shadow-lv3,0 8px 24px rgba(0,0,0,.14));overflow-y:auto;transition:width .2s ease-out}",
|
|
1707
1713
|
// Slim themed scrollbars for the shell's own scroll region (list-only
|
|
1708
1714
|
// popover): thin + token-colored thumb, WebKit and Firefox both covered.
|
|
1709
1715
|
".dsh-skins-pop{scrollbar-width:thin;scrollbar-color:var(--dsw-alias-border-l2) transparent}",
|
|
@@ -1749,7 +1755,11 @@ ${names}`,
|
|
|
1749
1755
|
"body[data-ds-dark-theme]:not([data-dsh-meirenzhi-skin]):not([data-dsh-openbmc-skin]):not([data-dsh-uefi-harness]) .dsh-skins-pop{background:rgba(41,42,44,0.97)}",
|
|
1750
1756
|
// -- combined shell (Q44/Q46): list column + docked panel column ----------
|
|
1751
1757
|
".dsh-skins-pop.dsh-skins-wide{flex-direction:row;align-items:stretch;width:min(1105px,calc(100vw - 24px))}",
|
|
1752
|
-
|
|
1758
|
+
// List column: exactly 360px wherever the 390px narrow shell fits (the
|
|
1759
|
+
// v2.5 宽度恒定 ruling #10/#11), shrinking only BELOW a 414px viewport —
|
|
1760
|
+
// a fixed 360px column inside a narrower pop overflowed horizontally and
|
|
1761
|
+
// pushed the gear column behind the pop's right edge (same field report).
|
|
1762
|
+
".dsh-skins-pop-main{display:flex;flex-direction:column;gap:8px;min-width:0;width:min(360px,100%);flex:none}",
|
|
1753
1763
|
".dsh-skins-pop.dsh-skins-wide .dsh-skins-pop-main{flex:0 0 360px}",
|
|
1754
1764
|
// box-sizing is NOT inherited: without border-box here, the sweep's
|
|
1755
1765
|
// measured rect width feeds flex-basis as a CONTENT width (+15px padding/
|
|
@@ -2005,7 +2015,7 @@ ${names}`,
|
|
|
2005
2015
|
});
|
|
2006
2016
|
const showPersonalization = personalizeId !== null && PersonalizationPanel !== null;
|
|
2007
2017
|
const stackedSheet = showPersonalization && typeof window !== "undefined" && window.innerWidth <= 904;
|
|
2008
|
-
const shellLeft = box === null ? void 0 : showPersonalization && typeof window !== "undefined" ? Math.max(12, Math.min(box.left, window.innerWidth - 1117)) : box.left;
|
|
2018
|
+
const shellLeft = box === null ? void 0 : showPersonalization && typeof window !== "undefined" ? Math.max(12, Math.min(box.left, window.innerWidth - 1117)) : typeof window !== "undefined" ? Math.max(16, Math.min(box.left, window.innerWidth - Math.min(390, window.innerWidth - 32) - 16)) : box.left;
|
|
2009
2019
|
const shellMaxHeight = box === null || typeof window === "undefined" || typeof window.innerHeight !== "number" ? void 0 : stackedSheet ? window.innerHeight - 24 : Math.max(220, window.innerHeight - box.bottom - 12);
|
|
2010
2020
|
react.useLayoutEffect(() => {
|
|
2011
2021
|
if (!open || box === null) return void 0;
|