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

Sync styleguide 2026.05.18.1

Browse Source
This commit is contained in:
Mathias Gläser
2026-06-10 18:04:47 +02:00
parent 3c435d5ebb
commit b9fc1a52b1
11 changed files with 397 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/assets/styleguide.upstream.css
+56 -5
View File
@@ -2282,6 +2282,9 @@ section + section {
min-width: 0;
}
.sg-object-card--variable-height {
height: auto;
}
/* ========================================================= */
/* Patterns: Object Group Card */
@@ -2347,6 +2350,7 @@ section + section {
display: flex;
flex-direction: column;
width: 100%;
background: var(--surface-form-preview);
min-width: min(
100%,
calc(var(--layout-form-sections-label-column-width) + var(--spacing-small) + var(--layout-input-field-desktop-width))
@@ -2364,7 +2368,6 @@ section + section {
}
.sg-form-sections-card__body {
background: var(--surface-form-preview);
padding: 0;
}
@@ -2373,7 +2376,7 @@ section + section {
}
.sg-form-sections-card__actions-segment {
background: var(--surface-form-preview);
margin-top: var(--spacing-large);
padding: 0;
}
@@ -2398,6 +2401,10 @@ section + section {
margin-top: var(--spacing-large);
}
.sg-form-sections-card__field-group {
gap: var(--spacing-large);
}
.sg-form-sections-card .sg-labeled-input-row .sg-label {
min-width: var(--layout-form-sections-label-column-width);
flex: 0 0 var(--layout-form-sections-label-column-width);
@@ -2542,7 +2549,19 @@ section + section {
opacity: var(--disabled-opacity);
}
.sg-options-row[data-pattern="multiselektions-pulldown"] .sg-pulldown-demo .sg-pulldown-panel {
min-width: 100%;
width: max-content;
max-width: calc(100vw - (2 * var(--spacing-large)));
}
@media (max-width: 48rem) {
.sg-options-row[data-pattern="multiselektions-pulldown"] .sg-pulldown-panel {
min-width: 100%;
width: max-content;
max-width: calc(100vw - (2 * var(--spacing-large)));
}
.sg-options-row[data-pattern="multiselektions-pulldown"] .sg-slider-row[data-activatable="true"] {
grid-template-columns: max-content minmax(0, 1fr) auto;
row-gap: var(--spacing-small);
@@ -2617,9 +2636,12 @@ section + section {
.sg-form-sections-card__actions {
display: flex;
justify-content: flex-start;
width: 100%;
justify-content: flex-end;
gap: var(--spacing-small);
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
.sg-form-sections-card__action {
@@ -2661,8 +2683,7 @@ section + section {
margin-right: 0;
}
.sg-form-sections-card__option-group,
.sg-form-sections-card__actions {
.sg-form-sections-card__option-group {
padding-left: 0;
}
}
@@ -3296,6 +3317,36 @@ section + section {
}
}
/* ========================================================= */
/* Layouts: VSF Register Step 1 */
/* ========================================================= */
.sg-vsf-register-step-1 {
display: block;
margin-top: clamp(32px, 6vw, 100px);
padding: 0 var(--layout-page-content-inset-inline);
box-sizing: border-box;
}
.sg-vsf-register-step-1-page {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.sg-vsf-register-step-1__card {
width: 100%;
max-width: var(--layout-object-card-max-width);
margin: 0 auto;
}
.sg-vsf-register-step-1__social-links {
display: flex;
justify-content: center;
gap: var(--spacing-large);
margin-top: var(--spacing-large);
}
/* ========================================================= */
/* Patterns: Text Layouts */
/* ========================================================= */
public/assets/styleguide.upstream.meta.json
+2 -2
View File
@@ -1,7 +1,7 @@
{
"styleguideVersion": "2026.05.18.1",
"styleguideCommit": "96d7915",
"syncedAtUtc": "2026-06-10T11:55:15Z",
"styleguideCommit": "66d0740",
"syncedAtUtc": "2026-06-10T16:04:47Z",
"sourceRepo": "/Users/mathias/Documents/Dokumente Chouchou/Codebases/Styleguide",
"mirroredDocsPath": "docs/styleguide"
}
public/assets/styles.css
+56 -5
View File
@@ -2282,6 +2282,9 @@ section + section {
min-width: 0;
}
.sg-object-card--variable-height {
height: auto;
}
/* ========================================================= */
/* Patterns: Object Group Card */
@@ -2347,6 +2350,7 @@ section + section {
display: flex;
flex-direction: column;
width: 100%;
background: var(--surface-form-preview);
min-width: min(
100%,
calc(var(--layout-form-sections-label-column-width) + var(--spacing-small) + var(--layout-input-field-desktop-width))
@@ -2364,7 +2368,6 @@ section + section {
}
.sg-form-sections-card__body {
background: var(--surface-form-preview);
padding: 0;
}
@@ -2373,7 +2376,7 @@ section + section {
}
.sg-form-sections-card__actions-segment {
background: var(--surface-form-preview);
margin-top: var(--spacing-large);
padding: 0;
}
@@ -2398,6 +2401,10 @@ section + section {
margin-top: var(--spacing-large);
}
.sg-form-sections-card__field-group {
gap: var(--spacing-large);
}
.sg-form-sections-card .sg-labeled-input-row .sg-label {
min-width: var(--layout-form-sections-label-column-width);
flex: 0 0 var(--layout-form-sections-label-column-width);
@@ -2542,7 +2549,19 @@ section + section {
opacity: var(--disabled-opacity);
}
.sg-options-row[data-pattern="multiselektions-pulldown"] .sg-pulldown-demo .sg-pulldown-panel {
min-width: 100%;
width: max-content;
max-width: calc(100vw - (2 * var(--spacing-large)));
}
@media (max-width: 48rem) {
.sg-options-row[data-pattern="multiselektions-pulldown"] .sg-pulldown-panel {
min-width: 100%;
width: max-content;
max-width: calc(100vw - (2 * var(--spacing-large)));
}
.sg-options-row[data-pattern="multiselektions-pulldown"] .sg-slider-row[data-activatable="true"] {
grid-template-columns: max-content minmax(0, 1fr) auto;
row-gap: var(--spacing-small);
@@ -2617,9 +2636,12 @@ section + section {
.sg-form-sections-card__actions {
display: flex;
justify-content: flex-start;
width: 100%;
justify-content: flex-end;
gap: var(--spacing-small);
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
.sg-form-sections-card__action {
@@ -2661,8 +2683,7 @@ section + section {
margin-right: 0;
}
.sg-form-sections-card__option-group,
.sg-form-sections-card__actions {
.sg-form-sections-card__option-group {
padding-left: 0;
}
}
@@ -3296,6 +3317,36 @@ section + section {
}
}
/* ========================================================= */
/* Layouts: VSF Register Step 1 */
/* ========================================================= */
.sg-vsf-register-step-1 {
display: block;
margin-top: clamp(32px, 6vw, 100px);
padding: 0 var(--layout-page-content-inset-inline);
box-sizing: border-box;
}
.sg-vsf-register-step-1-page {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.sg-vsf-register-step-1__card {
width: 100%;
max-width: var(--layout-object-card-max-width);
margin: 0 auto;
}
.sg-vsf-register-step-1__social-links {
display: flex;
justify-content: center;
gap: var(--spacing-large);
margin-top: var(--spacing-large);
}
/* ========================================================= */
/* Patterns: Text Layouts */
/* ========================================================= */