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/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;
}
}