Sync styleguide 2026.05.18.1

This commit is contained in:
gitea_admin committed 2026-09-03 17:57:49 +02:00
1 parent 78f74a152a
commit 06de66f50a
9 files changed
+61 -47

No files matched your search

+11 -6
View File
@@ -229,16 +229,16 @@
--surface-delete-confirmation-overlay: var(--color-light-grey);
--surface-delete-confirmation-target-dim-overlay: var(--color-black);
--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: 10%;
--layout-delete-confirmation-overlay-max-height: calc(100vh - 10vh);
--layout-delete-confirmation-target-max-width: var(--dimension-delete-confirmation-target-max-width);
--layout-delete-confirmation-overlay-width-factor: var(--dimension-delete-confirmation-overlay-width-factor);
--layout-delete-confirmation-overlay-offset-block-start: var(--dimension-delete-confirmation-overlay-offset-block-start);
--layout-delete-confirmation-overlay-max-height: calc(100% - var(--layout-delete-confirmation-overlay-offset-block-start) - var(--layout-delete-confirmation-overlay-offset-block-start));
--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);
--layout-delete-confirmation-label-width: var(--dimension-input-label-width);
--layout-delete-confirmation-target-dim-opacity: 0.5;
--layer-delete-confirmation-overlay: 50;
--layout-delete-confirmation-target-dim-opacity: var(--opacity-delete-confirmation-target-dim);
--layer-delete-confirmation-overlay: var(--dimension-layer-delete-confirmation-overlay);
/* Typography */
--font-family-base: "Open Sans", sans-serif;
@@ -292,6 +292,11 @@
--dimension-object-group-card-min-width: 450px;
--dimension-object-group-card-max-width: 650px;
--dimension-object-group-card-height: 700px;
--dimension-delete-confirmation-target-max-width: 35rem;
--dimension-delete-confirmation-overlay-width-factor: 0.8;
--dimension-delete-confirmation-overlay-offset-block-start: 10%;
--opacity-delete-confirmation-target-dim: 0.5;
--dimension-layer-delete-confirmation-overlay: 50;
--dimension-notification-card-width: 50%;
--dimension-user-notification-card-width: 70%;
--dimension-input-label-width: 9rem;
@@ -42,13 +42,14 @@
.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));
height: var(--layout-delete-confirmation-overlay-height, auto);
height: auto;
max-height: var(--layout-delete-confirmation-overlay-max-height);
overflow: hidden;
z-index: var(--layer-delete-confirmation-overlay);
box-shadow: var(--shadow-overlay);
@@ -48,10 +48,10 @@
.sg-vsf-list-detail-page__meldungen-overlay-pattern {
max-width: 100%;
--layout-delete-confirmation-overlay-offset-block-start: calc(var(--spacing-large) * 5);
}
.sg-vsf-list-detail-page__meldungen-overlay-pattern .sg-delete-confirmation-pattern__floating-card {
top: calc(var(--spacing-large) * 5);
transform: translateX(-50%);
}