webpack-bootstrap-ui-kit/src/scss/types/cms.scss

165 lines
3.0 KiB
SCSS
Raw Normal View History

2020-07-20 09:15:57 +02:00
// remove unused Model Admins
2020-03-28 16:51:50 +01:00
#Menu-SilverStripe-CampaignAdmin-CampaignAdmin,
#Menu-Dynamic-Elements-Sponsors-Admin-SponsorsAdmin,
#Menu-Dynamic-Elements-Admin-TestimonialsAdmin,
#Menu-Dynamic-Elements-Promos-Admin-PromosAdmin {
2022-02-23 14:44:42 +01:00
display: none;
}
// Fix form actions
2022-02-23 14:48:38 +01:00
#Form_EditForm_MajorActions_Holder,
2022-02-23 14:44:42 +01:00
#Form_ItemEditForm_MajorActions_Holder {
2022-02-23 14:48:38 +01:00
flex: 1 1;
2022-02-23 14:44:42 +01:00
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;
2020-03-28 16:51:50 +01:00
}
2020-07-20 09:15:57 +02:00
// make edit icon always shown
.grid-field__icon-action {
2022-02-23 14:44:42 +01:00
&.edit-link {
opacity: 1;
}
2020-07-20 09:15:57 +02:00
}
2022-02-23 13:41:49 +01:00
// better items aligment
.grid-field__col-compact {
}
2022-02-23 14:44:42 +01:00
.grid-field__table .form-check-input.editable-column-field {
margin: 0!important;
}
2020-07-20 09:15:57 +02:00
// correct primary buttons coloring
.toolbar--south {
2022-02-23 14:44:42 +01:00
.btn-primary {
color: #fff;
}
2022-02-23 14:44:42 +01:00
.btn-outline-primary {
color: #999;
}
2020-07-20 09:15:57 +02:00
}
#ActionMenus_MoreOptions {
2022-02-23 14:44:42 +01:00
.btn-primary {
color: #5589a7;
}
2020-07-20 09:15:57 +02:00
}
// correct scrolls
2020-03-28 16:51:50 +01:00
body.cms {
2022-02-23 14:44:42 +01:00
overflow-x: hidden;
flex-direction: column;
2019-06-08 17:20:51 +02:00
}
2020-07-20 09:15:57 +02:00
// short fields margins/paddings
2020-08-03 15:44:32 +02:00
.fields-compact {
2022-02-23 14:44:42 +01:00
.form-group {
margin-bottom: .25rem;
padding-bottom: .5rem;
.form__field-label {
font-weight: bold;
}
2020-08-03 15:44:32 +02:00
2022-02-23 14:44:42 +01:00
&:after {
margin-bottom: .25rem;
}
2021-06-08 10:00:54 +02:00
}
2022-02-23 14:44:42 +01:00
.form-group:after,
.form__divider:after {
display: none;
2021-06-08 10:00:54 +02:00
}
2021-08-18 20:38:12 +02:00
2022-02-23 14:44:42 +01:00
/*.mce-edit-area {
height: 5em;
iframe {
height: 5em !important;
}
2021-08-18 20:38:12 +02:00
}
2022-02-23 14:44:42 +01:00
.form-control.textarea {
height: 13.5em;
}*/
2020-07-20 09:15:57 +02:00
}
.fields-row {
2022-02-23 14:44:42 +01:00
width: 100%;
2021-06-08 10:00:54 +02:00
margin: 0 !important;
2022-02-23 14:44:42 +01:00
padding: 0 0 2em !important;
.form__fieldgroup {
flex: 0 0 100% !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%;
max-width: 50%;
margin: 0 !important;
padding: 0 1rem;
}
2021-06-08 10:00:54 +02:00
}
2020-07-20 09:15:57 +02:00
}
// notifications rendering
.notifications-list {
2022-02-23 14:44:42 +01:00
.alert {
.btn-close {
display: none;
}
2021-06-08 10:00:54 +02:00
}
2020-07-20 09:15:57 +02:00
}
2022-07-12 16:45:34 +02:00
// fix grid bulk editor
.cms table.grid-field__table tbody .col-bulkSelect {
position: relative;
}
2023-02-20 15:56:31 +01:00
.notifications-list {
.alert {
.btn-close {
display: none;
}
}
}
.btn-outline-primary,
.btn-primary {
color: #fff;
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}