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) <noreply@anthropic.com>
This commit is contained in:
Leonardo
2026-05-21 21:07:43 -03:00
parent 597f8c05d5
commit 5dc91614ad
@@ -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;