Gava/agenciapsilmno
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

melissa/templates: titulo do card quebra em ate 3 linhas

Browse Source 
.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
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/layout/melissa/MelissaDocumentosTemplates.vue
+6 -2
View File
@@ -1068,7 +1068,8 @@ onBeforeUnmount(() => {
text-align: left; text-align: left;
cursor: pointer; cursor: pointer;
font-family: inherit; font-family: inherit;
max-height: 200px; /* Acomoda titulo em ate 3 linhas + tipo + descricao 2 linhas + foot */
max-height: 240px;
overflow: hidden; overflow: hidden;
transition: background-color 140ms ease, border-color 140ms ease, transform 140ms ease; transition: background-color 140ms ease, border-color 140ms ease, transform 140ms ease;
} }
@@ -1113,11 +1114,14 @@ onBeforeUnmount(() => {
font-size: 0.92rem; font-size: 0.92rem;
font-weight: 600; font-weight: 600;
color: var(--m-text); color: var(--m-text);
line-height: 1.3;
/* Permite quebrar em até 3 linhas se o nome for longo */
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
display: -webkit-box; display: -webkit-box;
-webkit-line-clamp: 1; -webkit-line-clamp: 3;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
word-break: break-word;
} }
.mdt-card__tipo { .mdt-card__tipo {
font-size: 0.72rem; font-size: 0.72rem;