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

Centralize form-sections padding behavior for card-embedded forms

Browse Source
This commit is contained in:
Mathias Gläser
2026-05-27 16:59:53 +02:00
parent f83c37358e
commit 70677fc556
2 changed files with 11 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles/25-patterns-form-sections.css
+11 -2
View File
@@ -3,6 +3,10 @@
/* ========================================================= */
.sg-form-sections-card {
--layout-form-sections-body-padding-block: var(--card-segment-padding-vertical);
--layout-form-sections-body-padding-inline: var(--card-segment-padding-horizontal);
--layout-form-sections-actions-padding-inline: var(--card-segment-padding-horizontal);
--layout-form-sections-actions-padding-bottom: var(--card-segment-padding-vertical);
display: flex;
flex-direction: column;
width: clamp(
@@ -22,7 +26,7 @@
.sg-form-sections-card__body {
background: var(--surface-form-preview);
padding: var(--card-segment-padding-vertical) var(--card-segment-padding-horizontal);
padding: var(--layout-form-sections-body-padding-block) var(--layout-form-sections-body-padding-inline);
}
.sg-form-sections-card__title {
@@ -31,7 +35,12 @@
.sg-form-sections-card__actions-segment {
background: var(--surface-form-preview);
padding: 0 var(--card-segment-padding-horizontal) var(--card-segment-padding-vertical);
padding: 0 var(--layout-form-sections-actions-padding-inline) var(--layout-form-sections-actions-padding-bottom);
}
.sg-card-segment--body .sg-form-sections-card {
--layout-form-sections-body-padding-inline: 0;
--layout-form-sections-actions-padding-inline: 0;
}
.sg-form-sections-card__chapter + .sg-form-sections-card__chapter {