Sync styleguide 2026.05.18.1
This commit is contained in:
1 parent
78f74a152a
commit
06de66f50a
9 files changed
+61
-47
No files matched your search
@@ -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%);
|
||||
}
|
||||
|
||||
|
||||
Reference in new issue
Block a user