From 5dc91614ad43ccc05d669af28e454417d60c1cec Mon Sep 17 00:00:00 2001 From: Leonardo Date: Thu, 21 May 2026 21:07:43 -0300 Subject: [PATCH] melissa/templates: titulo do card quebra em ate 3 linhas .mdt-card__name: -webkit-line-clamp 1 -> 3 + word-break:break-word + line-height 1.3. Nomes longos (ex: "Termo de Consentimento Livre e Esclarecido para Atendimento Online") cabem inteiros em ate 3 linhas, com elipses no final se passar. .mdt-card max-height: 200px -> 240px pra acomodar o titulo mais alto + tipo + descricao (2 linhas) + footer com variaveis. Co-Authored-By: Claude Opus 4.7 (1M context) --- src/layout/melissa/MelissaDocumentosTemplates.vue | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/src/layout/melissa/MelissaDocumentosTemplates.vue b/src/layout/melissa/MelissaDocumentosTemplates.vue index ab9366d..15a1586 100644 --- a/src/layout/melissa/MelissaDocumentosTemplates.vue +++ b/src/layout/melissa/MelissaDocumentosTemplates.vue @@ -1068,7 +1068,8 @@ onBeforeUnmount(() => { text-align: left; cursor: pointer; font-family: inherit; - max-height: 200px; + /* Acomoda titulo em ate 3 linhas + tipo + descricao 2 linhas + foot */ + max-height: 240px; overflow: hidden; transition: background-color 140ms ease, border-color 140ms ease, transform 140ms ease; } @@ -1113,11 +1114,14 @@ onBeforeUnmount(() => { font-size: 0.92rem; font-weight: 600; color: var(--m-text); + line-height: 1.3; + /* Permite quebrar em até 3 linhas se o nome for longo */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; - -webkit-line-clamp: 1; + -webkit-line-clamp: 3; -webkit-box-orient: vertical; + word-break: break-word; } .mdt-card__tipo { font-size: 0.72rem;