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:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user