From 5a255d3f284ce1698258a06b26776bfe5592bb67 Mon Sep 17 00:00:00 2001 From: tischsoic Date: Sat, 29 Aug 2026 22:37:55 +0200 Subject: [PATCH 1/2] IBX-12279: Fixed label gaps for checkbox rows, richtext fields and compound legends - checkbox sub-fields: lay out the Bootstrap .form-check row as a flex row and drop the .form-check-input top margin so the row starts 4px under its label - richtext: bottom-align the label wrapper with the distraction-free-mode button so the 4px label margin meets the editor - compound field labels rendered as : drop Bootstrap's vertical padding and apply the 4px label margin Co-Authored-By: Claude --- src/bundle/Resources/public/scss/_labels.scss | 8 ++++++++ .../public/scss/fieldType/edit/_base-field.scss | 15 +++++++++++++++ 2 files changed, 23 insertions(+) diff --git a/src/bundle/Resources/public/scss/_labels.scss b/src/bundle/Resources/public/scss/_labels.scss index 620de71298..f194f47fdf 100644 --- a/src/bundle/Resources/public/scss/_labels.scss +++ b/src/bundle/Resources/public/scss/_labels.scss @@ -8,6 +8,14 @@ &.form-label.is-invalid { color: $ibexa-color-danger; } + + // Symfony renders compound field labels (radio/checkbox groups, collections, sub-forms) as ; + // Bootstrap pads it top and bottom to align with an input — labels design wants the plain 4px gap instead. + &.col-form-label { + padding-top: 0; + padding-bottom: 0; + margin-bottom: calculateRem(4px); + } } .form-check-inline { diff --git a/src/bundle/Resources/public/scss/fieldType/edit/_base-field.scss b/src/bundle/Resources/public/scss/fieldType/edit/_base-field.scss index d3433763b8..f9ff5e586b 100644 --- a/src/bundle/Resources/public/scss/fieldType/edit/_base-field.scss +++ b/src/bundle/Resources/public/scss/fieldType/edit/_base-field.scss @@ -127,6 +127,7 @@ &__label-wrapper { width: 80%; + align-self: flex-end; } &__data { @@ -261,3 +262,17 @@ margin-bottom: 0; } } + +.ibexa-data-source__input-wrapper { + > .form-check { + display: flex; + align-items: center; + gap: calculateRem(8px); + min-height: 0; + padding-left: 0; + + .form-check-input { + margin: 0; + } + } +} From 08fbc25dc214378c1964ca54373bb249575e4dbe Mon Sep 17 00:00:00 2001 From: tischsoic Date: Mon, 31 Aug 2026 10:50:53 +0200 Subject: [PATCH 2/2] IBX-12279: Removed an explanatory comment from the legend guard Co-Authored-By: Claude --- src/bundle/Resources/public/scss/_labels.scss | 2 -- 1 file changed, 2 deletions(-) diff --git a/src/bundle/Resources/public/scss/_labels.scss b/src/bundle/Resources/public/scss/_labels.scss index f194f47fdf..a63b7f0514 100644 --- a/src/bundle/Resources/public/scss/_labels.scss +++ b/src/bundle/Resources/public/scss/_labels.scss @@ -9,8 +9,6 @@ color: $ibexa-color-danger; } - // Symfony renders compound field labels (radio/checkbox groups, collections, sub-forms) as ; - // Bootstrap pads it top and bottom to align with an input — labels design wants the plain 4px gap instead. &.col-form-label { padding-top: 0; padding-bottom: 0;