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

Keep overlay card in flow for full height

Browse Source
This commit is contained in:
Mathias Gläser
2026-06-16 10:28:50 +02:00
parent 964142b00a
commit 0058e55867
1 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles/27-patterns-delete-confirmation.css
+9 -5
View File
@@ -9,6 +9,9 @@
.sg-delete-confirmation-pattern__stage { .sg-delete-confirmation-pattern__stage {
position: relative; position: relative;
display: grid;
grid-template-columns: 1fr;
align-items: start;
} }
.sg-delete-confirmation-pattern__host { .sg-delete-confirmation-pattern__host {
@@ -21,6 +24,7 @@
} }
.sg-delete-confirmation-pattern__target { .sg-delete-confirmation-pattern__target {
grid-area: 1 / 1;
position: relative; position: relative;
overflow: visible; overflow: visible;
} }
@@ -40,14 +44,14 @@
} }
.sg-delete-confirmation-pattern__floating-card { .sg-delete-confirmation-pattern__floating-card {
position: absolute; grid-area: 1 / 1;
top: var(--layout-delete-confirmation-overlay-offset-block-start); justify-self: center;
bottom: 10px; 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);
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);