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:
Leonardo
2026-05-21 17:02:04 -03:00
parent 80cce772db
commit 0aabea7753
@@ -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 */