From 81e338ea0e9f9405bf668936b70427cf94db98fd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= Date: Tue, 16 Jun 2026 10:34:26 +0200 Subject: [PATCH] Restore overlay stacking behavior --- styles/27-patterns-delete-confirmation.css | 15 ++++++--------- 1 file changed, 6 insertions(+), 9 deletions(-) diff --git a/styles/27-patterns-delete-confirmation.css b/styles/27-patterns-delete-confirmation.css index 42e555c..26a718e 100644 --- a/styles/27-patterns-delete-confirmation.css +++ b/styles/27-patterns-delete-confirmation.css @@ -9,9 +9,7 @@ .sg-delete-confirmation-pattern__stage { position: relative; - display: grid; - grid-template-columns: 1fr; - align-items: start; + overflow: visible; } .sg-delete-confirmation-pattern__host { @@ -24,7 +22,6 @@ } .sg-delete-confirmation-pattern__target { - grid-area: 1 / 1; position: relative; overflow: visible; } @@ -44,14 +41,14 @@ } .sg-delete-confirmation-pattern__floating-card { - grid-area: 1 / 1; - justify-self: center; - align-self: start; - margin-top: var(--layout-delete-confirmation-overlay-offset-block-start); + position: absolute; + top: var(--layout-delete-confirmation-overlay-offset-block-start); + left: 50%; + transform: translateX(-50%); width: calc(100% * var(--layout-delete-confirmation-overlay-width-factor)); box-sizing: border-box; max-width: calc(100% * var(--layout-delete-confirmation-overlay-width-factor)); - max-height: var(--layout-delete-confirmation-overlay-max-height); + max-height: calc(100vh - var(--layout-delete-confirmation-overlay-offset-block-start) - 10px); overflow: auto; z-index: var(--layer-delete-confirmation-overlay); box-shadow: var(--shadow-overlay);