27hrs/dsh-long-skin
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: restore skin controls and desktop portrait compatibility

Browse Source 
Respect host root layout, draw the scrim once, discover appearance controls without build hashes, and recover failed portraits independently. Add unit and real-browser regression coverage.

Refs #8, #12, #15, #10, #13. Native Desktop acceptance remains pending; no release.
This commit is contained in:
Leon
2026-10-16 15:02:25 +08:00
parent a25d4c8360
commit d0b7849c02
13 changed files with 1690 additions and 399 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/client/skin.css
View File

@@ -1,6 +1,6 @@
.liang-skin-backdrop {
position: fixed;
z-index: 0;
z-index: -1;
inset: 0;
overflow: hidden;
pointer-events: none;
@@ -19,7 +19,7 @@ body[data-liang-skin="on"] .liang-skin-backdrop {
right: 0;
display: block;
width: min(42vw, 720px);
height: 100vh;
height: 100%;
object-fit: cover;
object-position: 50% 42%;
opacity: var(--liang-portrait-opacity, 0.45);
@@ -46,11 +46,16 @@ body[data-liang-skin="on"] .liang-skin-backdrop {
position: absolute;
inset: 0;
content: "";
background: linear-gradient(90deg, var(--liang-page, transparent) 0 28%, transparent 57% 100%);
background:
linear-gradient(90deg, var(--liang-page, transparent) 0 28%, transparent 57% 100%),
linear-gradient(var(--liang-bg-base, transparent), var(--liang-bg-base, transparent));
}
body[data-liang-skin="on"] {
--dsw-alias-bg-base: var(--liang-bg-base) !important;
/* Keep the backdrop above the canvas but below content and native portals.
The host owns root positioning, dimensions, and its own stacking order. */
isolation: isolate;
--dsw-alias-bg-base: transparent !important;
--dsw-alias-bg-layer-1: var(--liang-layer-1) !important;
--dsw-alias-bg-layer-2: var(--liang-layer-2) !important;
--dsw-alias-bg-layer-3: var(--liang-layer-3) !important;
@@ -210,11 +215,16 @@ body[data-liang-skin="on"]:is(
}
body[data-liang-skin="on"] > #root {
position: relative;
z-index: 1;
background: transparent !important;
}
body[data-liang-skin="on"]:is(
[data-dsh-desktop-mode="compatibility"],
[data-dsh-desktop-mode="extended"]
) .liang-skin-backdrop {
top: var(--dsh-desktop-frame-height, 0px);
}
/* Windows paints the sidebar fill across the host frame, covering the portrait.
Match macOS's transparent frame while keeping the sidebar, caption, and
conversation surfaces painted by their own host rules. */
@@ -451,7 +461,7 @@ body[data-liang-skin="on"] .liang-effort-control__range::-webkit-slider-thumb {
display: flex;
}
[class*="_8HJdBW_cubeRow"]:has(.liang-appearance-choice) {
[class*="_cubeRow"]:has(.liang-appearance-choice) {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
}