SILVER/NODEDC_DESIGN_GUIDELINE
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix(foundry): stabilize workspace window glass compositing

Browse Source
This commit is contained in:
Codex
2026-08-09 16:42:14 +03:00
parent bfa3af896b
commit 3e9ae2ecac
3 changed files with 34 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui-core/styles.css
+15 -1
View File
@@ -2601,17 +2601,31 @@ textarea.nodedc-field__control {
.nodedc-workspace-window {
position: absolute;
isolation: isolate;
box-sizing: border-box;
display: grid;
min-width: 0;
min-height: 0;
grid-template-rows: auto minmax(0, 1fr) auto;
overflow: hidden;
border: 0;
border: 1px solid;
border-color:
rgb(255 255 255 / var(--nodedc-modal-glass-outline-opacity))
rgb(255 255 255 / var(--nodedc-modal-glass-outline-soft-opacity))
rgb(255 255 255 / var(--nodedc-modal-glass-outline-soft-opacity))
rgb(255 255 255 / var(--nodedc-modal-glass-outline-opacity));
border-radius: var(--nodedc-radius-modal);
animation: nodedc-window-in var(--nodedc-duration-normal) var(--nodedc-ease-standard);
touch-action: none;
}
/* Workspace windows repaint frequently while their body is selected, scrolled,
or switched between tabs. Keep their material rim on the element itself:
Chromium can briefly expose a full masked pseudo-element when it recomposites
several backdrop-filter surfaces above a WebGL canvas. */
.nodedc-workspace-window.nodedc-glass-material::before {
content: none;
}
.nodedc-workspace-window[data-auto-height="true"]:not([data-interaction]) {
transition: height var(--nodedc-duration-normal) var(--nodedc-ease-standard);
}