Sync styleguide 2026.05.18.1

This commit is contained in:
2026-06-16 11:00:56 +02:00
parent 593dbe72c3
commit b37b0accb7
5 changed files with 120 additions and 79 deletions
@@ -108,6 +108,7 @@
<p class="sg-body sg-strong" id="add-to-list-title">Füge das Unternehmen einer Liste hinzu</p>
</header>
<div class="sg-delete-confirmation-pattern__scroll-region">
<div class="sg-card-segment sg-card-segment--body sg-delete-confirmation-pattern__body">
<ul class="sg-delete-confirmation-pattern__list" aria-label="Listen">
<li class="sg-delete-confirmation-pattern__list-item">
@@ -187,6 +188,7 @@
</form>
</div>
</div>
</div>
<footer class="sg-card-segment sg-card-segment--body sg-delete-confirmation-pattern__actions-segment">
<div class="sg-delete-confirmation-pattern__actions sg-delete-confirmation-pattern__actions--footer">
@@ -49,13 +49,13 @@
box-sizing: border-box;
max-width: calc(100% * var(--layout-delete-confirmation-overlay-width-factor));
height: var(--layout-delete-confirmation-overlay-height, auto);
overflow: auto;
overflow: hidden;
z-index: var(--layer-delete-confirmation-overlay);
box-shadow: var(--shadow-overlay);
}
.sg-delete-confirmation-pattern__floating-card.sg-card.sg-card--overlay-host {
overflow: auto;
overflow: hidden;
}
.sg-delete-confirmation-pattern__floating-card[hidden] {
@@ -69,9 +69,18 @@
background: var(--surface-delete-confirmation-overlay);
}
.sg-delete-confirmation-pattern__scroll-region {
display: flex;
flex: 1 1 auto;
min-height: 0;
flex-direction: column;
overflow: auto;
}
.sg-delete-confirmation-pattern__actions-segment {
border-bottom-left-radius: var(--radius-card);
border-bottom-right-radius: var(--radius-card);
flex: 0 0 auto;
}
.sg-delete-confirmation-pattern__list {
@@ -165,6 +174,10 @@
margin-top: 0;
}
.sg-delete-confirmation-pattern__scroll-region > .sg-delete-confirmation-pattern__create-list-segment {
flex: 0 0 auto;
}
.sg-delete-confirmation-pattern__create-list-toggle {
width: 100%;
}
+15 -2
View File
@@ -2828,13 +2828,13 @@ section + section {
box-sizing: border-box;
max-width: calc(100% * var(--layout-delete-confirmation-overlay-width-factor));
height: var(--layout-delete-confirmation-overlay-height, auto);
overflow: auto;
overflow: hidden;
z-index: var(--layer-delete-confirmation-overlay);
box-shadow: var(--shadow-overlay);
}
.sg-delete-confirmation-pattern__floating-card.sg-card.sg-card--overlay-host {
overflow: auto;
overflow: hidden;
}
.sg-delete-confirmation-pattern__floating-card[hidden] {
@@ -2848,9 +2848,18 @@ section + section {
background: var(--surface-delete-confirmation-overlay);
}
.sg-delete-confirmation-pattern__scroll-region {
display: flex;
flex: 1 1 auto;
min-height: 0;
flex-direction: column;
overflow: auto;
}
.sg-delete-confirmation-pattern__actions-segment {
border-bottom-left-radius: var(--radius-card);
border-bottom-right-radius: var(--radius-card);
flex: 0 0 auto;
}
.sg-delete-confirmation-pattern__list {
@@ -2944,6 +2953,10 @@ section + section {
margin-top: 0;
}
.sg-delete-confirmation-pattern__scroll-region > .sg-delete-confirmation-pattern__create-list-segment {
flex: 0 0 auto;
}
.sg-delete-confirmation-pattern__create-list-toggle {
width: 100%;
}
+2 -2
View File
@@ -1,7 +1,7 @@
{
"styleguideVersion": "2026.05.18.1",
"styleguideCommit": "27bb573",
"syncedAtUtc": "2026-06-16T08:53:21Z",
"styleguideCommit": "899af96",
"syncedAtUtc": "2026-06-16T09:00:56Z",
"sourceRepo": "/Users/mathias/Documents/Dokumente Chouchou/Codebases/Styleguide",
"mirroredDocsPath": "docs/styleguide"
}
+15 -2
View File
@@ -2828,13 +2828,13 @@ section + section {
box-sizing: border-box;
max-width: calc(100% * var(--layout-delete-confirmation-overlay-width-factor));
height: var(--layout-delete-confirmation-overlay-height, auto);
overflow: auto;
overflow: hidden;
z-index: var(--layer-delete-confirmation-overlay);
box-shadow: var(--shadow-overlay);
}
.sg-delete-confirmation-pattern__floating-card.sg-card.sg-card--overlay-host {
overflow: auto;
overflow: hidden;
}
.sg-delete-confirmation-pattern__floating-card[hidden] {
@@ -2848,9 +2848,18 @@ section + section {
background: var(--surface-delete-confirmation-overlay);
}
.sg-delete-confirmation-pattern__scroll-region {
display: flex;
flex: 1 1 auto;
min-height: 0;
flex-direction: column;
overflow: auto;
}
.sg-delete-confirmation-pattern__actions-segment {
border-bottom-left-radius: var(--radius-card);
border-bottom-right-radius: var(--radius-card);
flex: 0 0 auto;
}
.sg-delete-confirmation-pattern__list {
@@ -2944,6 +2953,10 @@ section + section {
margin-top: 0;
}
.sg-delete-confirmation-pattern__scroll-region > .sg-delete-confirmation-pattern__create-list-segment {
flex: 0 0 auto;
}
.sg-delete-confirmation-pattern__create-list-toggle {
width: 100%;
}