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 {
|
||||
flex: 1;
|
||||
min-height: 0;
|
||||
overflow-y: auto;
|
||||
overflow: hidden;
|
||||
padding: 14px;
|
||||
background: var(--surface-card);
|
||||
scrollbar-width: thin;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.dte-editor-wrap {
|
||||
flex: 1;
|
||||
min-height: 450px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.dte-editor-wrap > * {
|
||||
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 */
|
||||
|
||||
Reference in New Issue
Block a user