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
docs/styleguide/styles/22-patterns-object-card.css
+3
View File
@@ -67,3 +67,6 @@
min-width: 0;
}
.sg-object-card--variable-height {
height: auto;
}
docs/styleguide/styles/25-patterns-form-sections.css
+23 -5
View File
@@ -10,6 +10,7 @@
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))
@@ -27,7 +28,6 @@
}
.sg-form-sections-card__body {
background: var(--surface-form-preview);
padding: 0;
}
@@ -36,7 +36,7 @@
}
.sg-form-sections-card__actions-segment {
background: var(--surface-form-preview);
margin-top: var(--spacing-large);
padding: 0;
}
@@ -61,6 +61,10 @@
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);
@@ -205,7 +209,19 @@
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);
@@ -280,9 +296,12 @@
.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 {
@@ -324,8 +343,7 @@
margin-right: 0;
}
.sg-form-sections-card__option-group,
.sg-form-sections-card__actions {
.sg-form-sections-card__option-group {
padding-left: 0;
}
}
docs/styleguide/styles/35-layouts-vsf-register-step-1.css
+29
View File
@@ -0,0 +1,29 @@
/* ========================================================= */
/* 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);
}