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

Adjust overlay card vertical behavior

Browse Source
This commit is contained in:
Mathias Gläser
2026-06-15 10:35:32 +02:00
parent 379a3dec24
commit e35643c270
4 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles/01-foundations.css
+2 -1
View File
@@ -217,7 +217,8 @@
--text-delete-confirmation-overlay: var(--color-font-dark);
--layout-delete-confirmation-target-max-width: 35rem;
--layout-delete-confirmation-overlay-width-factor: 0.8;
--layout-delete-confirmation-overlay-offset-block-start: var(--spacing-large);
--layout-delete-confirmation-overlay-offset-block-start: 10%;
--layout-delete-confirmation-overlay-max-height: calc(100vh - 10vh);
--layout-delete-confirmation-content-gap: var(--spacing-small);
--layout-delete-confirmation-actions-gap: var(--spacing-small);
--layout-delete-confirmation-actions-offset-block-start: var(--spacing-large);
styles/27-patterns-delete-confirmation.css
+5 -2
View File
@@ -40,12 +40,15 @@
.sg-delete-confirmation-pattern__floating-card {
position: absolute;
top: 50%;
top: var(--layout-delete-confirmation-overlay-offset-block-start);
left: 50%;
transform: translate(-50%, -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));
min-height: calc(100% - var(--layout-delete-confirmation-overlay-offset-block-start));
max-height: var(--layout-delete-confirmation-overlay-max-height);
overflow: auto;
z-index: var(--layer-delete-confirmation-overlay);
box-shadow: var(--shadow-overlay);
}