scinote-web/app/assets/stylesheets/protocols/preview_modal.scss

77 lines
1.4 KiB
SCSS
Raw Normal View History

// scss-lint:disable SelectorDepth
// scss-lint:disable NestingDepth
@import "constants";
@import "mixins";
#protocol-preview-modal .modal-dialog {
.modal-body {
max-height: 75vh;
overflow-y: auto;
width: 100%;
.ql-editor {
min-height: initial;
}
.form-group.has-error {
color: $brand-danger;
.sci-input-field {
border: 1px solid $brand-danger;
}
}
}
2019-06-26 15:41:24 +08:00
.general-error {
2019-06-26 15:41:24 +08:00
text-align: center;
}
.modal-footer {
.footer {
2023-03-03 18:06:12 +08:00
align-items: center;
display: flex;
justify-content: space-between;
.left-section {
2023-03-03 18:06:12 +08:00
column-gap: 32px;
display: flex;
justify-content: space-between;
.default-role-container {
align-items: center;
column-gap: 8px;
2023-03-03 18:06:12 +08:00
display: flex;
}
.sci-input-container {
display: flex;
align-items: center;
column-gap: 12px;
2023-03-03 18:06:12 +08:00
flex-grow: 1;
label {
margin-bottom: 0;
2023-03-03 18:06:12 +08:00
white-space: nowrap;
}
.dropdown-selector-container {
width: 170px;
.search-field {
padding-left: 7px;
}
}
}
}
.right-section {
2023-03-03 18:06:12 +08:00
column-gap: 8px;
display: flex;
flex-basis: 0;
2023-03-03 18:06:12 +08:00
justify-content: flex-end;
}
}
}
}