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

+16 -10
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;
@@ -2969,13 +2974,14 @@ section + section {
.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);
@@ -3646,10 +3652,10 @@ main {
.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%);
}
+2 -2
View File
@@ -1,7 +1,7 @@
{
"styleguideVersion": "2026.05.18.1",
"styleguideCommit": "ed1c450",
"syncedAtUtc": "2026-08-31T10:57:00Z",
"styleguideCommit": "3f4ec38",
"syncedAtUtc": "2026-09-03T15:57:49Z",
"sourceRepo": "/Users/mathias/Documents/Dokumente Chouchou/Codebases/Styleguide",
"mirroredDocsPath": "docs/styleguide"
}
+16 -10
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;
@@ -2969,13 +2974,14 @@ section + section {
.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);
@@ -3646,10 +3652,10 @@ main {
.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%);
}