gitea_admin/Styleguide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Restore overlay stacking behavior

Browse Source
This commit is contained in:
Mathias Gläser
2026-06-16 10:34:26 +02:00
parent 0058e55867
commit 81e338ea0e
1 changed files with 6 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles/27-patterns-delete-confirmation.css
+6 -9
View File
@@ -9,9 +9,7 @@
.sg-delete-confirmation-pattern__stage { .sg-delete-confirmation-pattern__stage {
position: relative; position: relative;
display: grid; overflow: visible;
grid-template-columns: 1fr;
align-items: start;
} }
.sg-delete-confirmation-pattern__host { .sg-delete-confirmation-pattern__host {
@@ -24,7 +22,6 @@
} }
.sg-delete-confirmation-pattern__target { .sg-delete-confirmation-pattern__target {
grid-area: 1 / 1;
position: relative; position: relative;
overflow: visible; overflow: visible;
} }
@@ -44,14 +41,14 @@
} }
.sg-delete-confirmation-pattern__floating-card { .sg-delete-confirmation-pattern__floating-card {
grid-area: 1 / 1; position: absolute;
justify-self: center; top: var(--layout-delete-confirmation-overlay-offset-block-start);
align-self: start; left: 50%;
margin-top: var(--layout-delete-confirmation-overlay-offset-block-start); transform: translateX(-50%);
width: calc(100% * var(--layout-delete-confirmation-overlay-width-factor)); width: calc(100% * var(--layout-delete-confirmation-overlay-width-factor));
box-sizing: border-box; box-sizing: border-box;
max-width: calc(100% * var(--layout-delete-confirmation-overlay-width-factor)); 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; overflow: auto;
z-index: var(--layer-delete-confirmation-overlay); z-index: var(--layer-delete-confirmation-overlay);
box-shadow: var(--shadow-overlay); box-shadow: var(--shadow-overlay);