UPD: Minor CMS updates

This commit is contained in:
Tony Air 2022-02-23 15:44:42 +02:00
parent 11dbcee5a2
commit 914ef2a8e1

View File

@ -6,6 +6,30 @@
display: none; display: none;
} }
// Fix form actions
#Form_ItemEditForm_MajorActions_Holder {
margin-bottom: 0;
padding-bottom: 0;
border: 0;
.btn {
white-space: nowrap;
}
}
#Form_ItemEditForm_RightGroup_Holder {
margin-bottom: 0;
padding-bottom: 0;
}
#Form_ItemEditForm_RightGroup {
display: flex;
margin-bottom: 0;
padding-bottom: 0;
border: 0;
align-items: center;
justify-content: center;
}
// make edit icon always shown // make edit icon always shown
.grid-field__icon-action { .grid-field__icon-action {
&.edit-link { &.edit-link {
@ -15,9 +39,10 @@
// better items aligment // better items aligment
.grid-field__col-compact { .grid-field__col-compact {
vertical-align: bottom;
} }
.grid-field__table .form-check-input.editable-column-field {
margin: 0!important;
}
// correct primary buttons coloring // correct primary buttons coloring
.toolbar--south { .toolbar--south {
.btn-primary { .btn-primary {
@ -37,22 +62,22 @@
// correct scrolls // correct scrolls
body.cms { body.cms {
flex-direction: column;
overflow-x: hidden; overflow-x: hidden;
flex-direction: column;
} }
// short fields margins/paddings // short fields margins/paddings
.fields-compact { .fields-compact {
.form-group { .form-group {
margin-bottom: 0.25rem; margin-bottom: .25rem;
padding-bottom: 0.5rem; padding-bottom: .5rem;
.form__field-label { .form__field-label {
font-weight: bold; font-weight: bold;
} }
&:after { &:after {
margin-bottom: 0.25rem; margin-bottom: .25rem;
} }
} }
@ -73,23 +98,24 @@ body.cms {
} }
.fields-row { .fields-row {
width: 100%;
margin: 0 !important; margin: 0 !important;
padding: 0 0 2em !important; padding: 0 0 2em !important;
width: 100%;
.form__fieldgroup { .form__fieldgroup {
display: flex;
flex: 0 0 100% !important; flex: 0 0 100% !important;
flex-wrap: wrap; display: flex;
margin: 0 !important;
max-width: 100% !important;
padding: 0 !important;
width: 100% !important; width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
flex-wrap: wrap;
> .form-group { > .form-group {
flex: 1 1 50%; flex: 1 1 50%;
margin: 0 !important;
max-width: 50%; max-width: 50%;
margin: 0 !important;
padding: 0 1rem; padding: 0 1rem;
} }
} }