also specify margin bottom for item-array with rjsf-field (#850)

Co-authored-by: jasquat <jasquat@users.noreply.github.com>
This commit is contained in:
jasquat 2024-01-03 13:35:22 -05:00 committed by GitHub
parent 14846bfb86
commit adb53c722a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 2 deletions

View File

@ -30,11 +30,15 @@
/* for some reason it wraps the entire form using FieldTemplate.jsx, which is where we added the rjsf-field thing (which is only intended for fields, not entire forms. hence the double rjsf-field reference, only for rjsf-fields inside rjsf-fields, so we don't get double margin after the last field */ /* for some reason it wraps the entire form using FieldTemplate.jsx, which is where we added the rjsf-field thing (which is only intended for fields, not entire forms. hence the double rjsf-field reference, only for rjsf-fields inside rjsf-fields, so we don't get double margin after the last field */
.rjsf .rjsf-field .rjsf-field { .rjsf .rjsf-field .rjsf-field {
margin-bottom: 2em; margin-bottom: 2rem;
}
/* only the outter rjsf-field gets the margin from the rule above but not its contents like the array-item so mention it explicitly */
.rjsf .array-item .rjsf-field .rjsf-field {
margin-bottom: 2rem;
} }
.array-item-toolbox { .array-item-toolbox {
margin-left: 2em; margin-left: 2rem;
} }
.rjsf .text-input { .rjsf .text-input {