UPD: Minor CMS updates

This commit is contained in:
Tony Air 2022-02-23 15:44:42 +02:00
parent 11dbcee5a2
commit 914ef2a8e1
1 changed files with 86 additions and 60 deletions

View File

@ -6,6 +6,30 @@
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
.grid-field__icon-action {
&.edit-link {
@ -15,9 +39,10 @@
// better items aligment
.grid-field__col-compact {
vertical-align: bottom;
}
.grid-field__table .form-check-input.editable-column-field {
margin: 0!important;
}
// correct primary buttons coloring
.toolbar--south {
.btn-primary {
@ -37,22 +62,22 @@
// correct scrolls
body.cms {
flex-direction: column;
overflow-x: hidden;
flex-direction: column;
}
// short fields margins/paddings
.fields-compact {
.form-group {
margin-bottom: 0.25rem;
padding-bottom: 0.5rem;
margin-bottom: .25rem;
padding-bottom: .5rem;
.form__field-label {
font-weight: bold;
}
&:after {
margin-bottom: 0.25rem;
margin-bottom: .25rem;
}
}
@ -73,23 +98,24 @@ body.cms {
}
.fields-row {
width: 100%;
margin: 0 !important;
padding: 0 0 2em !important;
width: 100%;
.form__fieldgroup {
display: flex;
flex: 0 0 100% !important;
flex-wrap: wrap;
margin: 0 !important;
max-width: 100% !important;
padding: 0 !important;
display: flex;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
flex-wrap: wrap;
> .form-group {
flex: 1 1 50%;
margin: 0 !important;
max-width: 50%;
margin: 0 !important;
padding: 0 1rem;
}
}