119 lines
2.5 KiB
SCSS
119 lines
2.5 KiB
SCSS
@import "./_esuiteVariables.scss";
|
|
|
|
.form-editor {
|
|
width: 100%;
|
|
}
|
|
|
|
.mailTemplate-editor {
|
|
width: calc(100% - ($gridGap + $mailtemplateNameListWidth));
|
|
}
|
|
|
|
@media print {
|
|
body {
|
|
margin: 0 !important;
|
|
}
|
|
}
|
|
|
|
.ck-main-container {
|
|
// --ckeditor5-preview-height: 700px;
|
|
font-family: "Lato";
|
|
width: fit-content;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
|
|
.ck {
|
|
.ck-dropdown__panel {
|
|
.ck-list {
|
|
max-height: 30vh;
|
|
overflow-y: auto;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.ck-content {
|
|
font-family: "Lato";
|
|
line-height: 1.6;
|
|
word-break: break-word;
|
|
|
|
.table table {
|
|
overflow: auto;
|
|
}
|
|
}
|
|
|
|
.editor-container__editor-wrapper {
|
|
display: flex;
|
|
width: fit-content;
|
|
}
|
|
|
|
.editor-container_document-editor {
|
|
border: 1px solid var(--ck-color-base-border);
|
|
}
|
|
|
|
.editor-container_document-editor .editor-container__toolbar {
|
|
display: flex;
|
|
position: relative;
|
|
box-shadow: 0 2px 3px hsla(0, 0%, 0%, 0.078);
|
|
}
|
|
|
|
.editor-container_document-editor .editor-container__toolbar > .ck.ck-toolbar {
|
|
flex-grow: 1;
|
|
width: 0;
|
|
border-bottom-right-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
border-top: 0;
|
|
border-left: 0;
|
|
border-right: 0;
|
|
}
|
|
|
|
.editor-container_document-editor
|
|
.editor-container__menu-bar
|
|
> .ck.ck-menu-bar {
|
|
border-bottom-right-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
border-top: 0;
|
|
border-left: 0;
|
|
border-right: 0;
|
|
}
|
|
|
|
// .editor-container_document-editor .editor-container__editor-wrapper {
|
|
// max-height: var(--ckeditor5-preview-height);
|
|
// min-height: var(--ckeditor5-preview-height);
|
|
// overflow-y: scroll;
|
|
// background: var(--ck-color-base-foreground);
|
|
// }
|
|
|
|
// .editor-container_document-editor .editor-container__editor {
|
|
// margin-top: 28px;
|
|
// margin-bottom: 28px;
|
|
// height: 100%;
|
|
// }
|
|
|
|
.editor-container_document-editor
|
|
.editor-container__editor
|
|
.ck.ck-editor__editable {
|
|
box-sizing: border-box;
|
|
//min-width: calc(100vw - ($leftMenuWidth + ($frameWorkAreaPadding * 2)));
|
|
//max-width: calc(100vw - ($leftMenuWidth + ($frameWorkAreaPadding * 2)));
|
|
|
|
min-width: 100%;
|
|
max-width: 100%;
|
|
|
|
// min-width: calc(210mm + 2px);
|
|
// max-width: calc(210mm + 2px);
|
|
height: fit-content;
|
|
// padding: 20mm 12mm;
|
|
border: 1px hsl(0, 0%, 82.7%) solid;
|
|
//background: hsl(0, 0%, 100%);
|
|
//color: black;
|
|
box-shadow: 0 2px 3px hsla(0, 0%, 0%, 0.078);
|
|
flex: 1 1 auto;
|
|
// margin-left: 72px;
|
|
// margin-right: 72px;
|
|
}
|
|
|
|
.ck-toolbar {
|
|
background: hsl(0, 0%, 100%);
|
|
color: black;
|
|
}
|