Skip to content

Commit 57f919b

Browse files
authored
fix(form): adjust error prompt display in grouped inline fields
When error prompts appear on checkboxes inside of grouped inline fields, there was no distance between error prompts in comparison to single inline fields. This PR slightly adjusts the bottom margin , so the distance looks better (not exactly equal to single inline fields, because the grouping should still be recognizable)
1 parent 51ca1ed commit 57f919b

File tree

2 files changed

+4
-0
lines changed

2 files changed

+4
-0
lines changed

src/definitions/collections/form.less

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -860,6 +860,9 @@
860860
margin: @groupedFieldMargin;
861861
padding: 0;
862862
}
863+
.ui.form .grouped.inline.fields .ui.checkbox {
864+
margin-bottom: @groupedInlineCheckboxBottomMargin;
865+
}
863866
}
864867

865868
/*--------------------

src/themes/default/collections/form.variables

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -161,6 +161,7 @@
161161
@inlineCalendarWidth: 13.11em;
162162

163163
@groupedInlineLabelMargin: 0.035714em 1em 0 0;
164+
@groupedInlineCheckboxBottomMargin: 0.4em;
164165

165166
/*-------------------
166167
Groups

0 commit comments

Comments
 (0)