templates/editor: corpo do editor ocupa 100% da altura disponivel
Antes: minHeight 450 em pixel fixo do Jodit limitava o corpo — sobrava area vazia abaixo do editor. Fix CSS-only (sem mexer no JoditEmailEditor compartilhado): - .dte-main__editor: overflow hidden + flex column (era overflow-y auto). O scroll passa pra dentro do Jodit (workplace). - .dte-editor-wrap: flex 1 + min-height 450 (preserva minimo). - :deep(.jodit-container/workplace/wysiwyg) force flex + height 100% + min-height 0/100% pra anular o height: 450px que o Jodit seta inline. Resultado: editor sempre preenche toda area disponivel da COL 2, expande/contrai com a janela, e o scroll do conteudo fica dentro do proprio editor (jodit-wysiwyg). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -237,19 +237,40 @@ function onSave() {
|
|||||||
.dte-main__editor {
|
.dte-main__editor {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
min-height: 0;
|
min-height: 0;
|
||||||
overflow-y: auto;
|
overflow: hidden;
|
||||||
padding: 14px;
|
padding: 14px;
|
||||||
background: var(--surface-card);
|
background: var(--surface-card);
|
||||||
scrollbar-width: thin;
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
.dte-editor-wrap {
|
.dte-editor-wrap {
|
||||||
|
flex: 1;
|
||||||
min-height: 450px;
|
min-height: 450px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
.dte-editor-wrap > * {
|
.dte-editor-wrap > * {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
min-height: 450px;
|
min-height: 0;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Força o Jodit interno a expandir 100% da altura disponível
|
||||||
|
(substitui o height: minHeight em pixels que o JoditEmailEditor seta) */
|
||||||
|
.dte-editor-wrap :deep(.jodit-container) {
|
||||||
|
flex: 1 !important;
|
||||||
|
height: 100% !important;
|
||||||
|
min-height: 450px !important;
|
||||||
|
display: flex !important;
|
||||||
|
flex-direction: column !important;
|
||||||
|
}
|
||||||
|
.dte-editor-wrap :deep(.jodit-workplace) {
|
||||||
|
flex: 1 !important;
|
||||||
|
min-height: 0 !important;
|
||||||
|
}
|
||||||
|
.dte-editor-wrap :deep(.jodit-wysiwyg) {
|
||||||
|
min-height: 100% !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* COL 3 — Variáveis */
|
/* COL 3 — Variáveis */
|
||||||
|
|||||||
Reference in New Issue
Block a user