From 1d0337285a588d79b1cf878af0fa98b7acb9832c Mon Sep 17 00:00:00 2001 From: Keavon Chambers Date: Sat, 4 Apr 2026 07:17:55 -0700 Subject: [PATCH] Fix CSS regressions breaking the native app hole punch Regressions introduced in e0212ca4b94b1ef392e9e20b629fab47ca039adc --- frontend/src/components/window/Panel.svelte | 10 +++++----- .../src/components/window/Workspace.svelte | 18 +++++++++--------- 2 files changed, 14 insertions(+), 14 deletions(-) diff --git a/frontend/src/components/window/Panel.svelte b/frontend/src/components/window/Panel.svelte index a65d9547..9d33cbc2 100644 --- a/frontend/src/components/window/Panel.svelte +++ b/frontend/src/components/window/Panel.svelte @@ -473,11 +473,11 @@ padding-bottom: 4px; } } + } - // Needed for the viewport hole punch on desktop - .viewport-hole-punch &.document-panel, - .viewport-hole-punch &.document-panel .panel-body:not(:has(.welcome-panel)) { - background: none; - } + // Needed for the viewport hole punch on desktop + .viewport-hole-punch .panel.document-panel, + .viewport-hole-punch .panel.document-panel .panel-body:not(:has(.welcome-panel)) { + background: none; } diff --git a/frontend/src/components/window/Workspace.svelte b/frontend/src/components/window/Workspace.svelte index d1fdd9b2..01b1e663 100644 --- a/frontend/src/components/window/Workspace.svelte +++ b/frontend/src/components/window/Workspace.svelte @@ -265,15 +265,15 @@ cursor: ew-resize; } } + } - // Needed for the viewport hole punch on desktop - .viewport-hole-punch & .workspace-grid-subdivision:has(.panel.document-panel)::after { - content: ""; - position: absolute; - inset: 6px; - border-radius: 6px; - box-shadow: 0 0 0 calc(100vw + 100vh) var(--color-2-mildblack); - z-index: -1; - } + // Needed for the viewport hole punch on desktop + .viewport-hole-punch .workspace .workspace-grid-subdivision:has(.panel.document-panel)::after { + content: ""; + position: absolute; + inset: 6px; + border-radius: 6px; + box-shadow: 0 0 0 calc(100vw + 100vh) var(--color-2-mildblack); + z-index: -1; }