scinote-web/app/assets/stylesheets/protocols/tinymce_editor.scss
2023-08-31 15:53:38 +02:00

76 lines
1.3 KiB
SCSS

.protocol-content,
.my-modules-results {
.tinymce-wrapper {
width: 100%;
.tox-tinymce {
flex-grow: 1;
}
}
.tinymce-container {
align-items: center;
border-radius: 4px;
display: flex;
min-height: 36px;
width: 100%;
.tiny-mce-editor {
flex-basis: 100%;
max-width: 100%;
}
form > .form-group {
margin-bottom: 0;
> .mce-tinymce {
border: 1px solid $color-silver-chalice;
box-shadow: none;
}
}
&.error {
.form-group > .mce-tinymce {
border-color: $brand-danger;
}
.tinymce-save-button {
opacity: .5;
pointer-events: none;
}
}
.mce-tinymce.mce-container.mce-panel {
border-radius: 4px;
}
.mce-menubar.mce-toolbar.mce-first {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.mce-statusbar {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.tinymce-status-badge {
display: none;
}
.tinymce-view {
border-color: transparent;
padding: .1em 0;
&:hover {
border: 1px solid transparent;
}
}
}
.tinymce-error {
color: $brand-danger;
font-size: 12px;
margin-top: 2px;
}
}