MelissaAgendaConfig: cards crescem com conteudo, sem scroll interno
Remove min-height/max-height/overflow-y das cards (sidebar e main) em desktop. Agora cada card cresce naturalmente conforme o conteudo muda (alternar "Diferente por dia" na Jornada, expandir slots no Online, etc). O scroll externo do .mac-main/.mac-side__scroll cuida da pagina inteira. Decisao especifica desta tela — Perfil/Negocio/Plano/AlterarPlano/ Bloqueios/Agendador continuam com cap 300+scroll porque o conteudo deles e mais homogeneo. Aqui o conteudo da Jornada varia bastante. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -1574,41 +1574,10 @@ onBeforeUnmount(() => {
|
|||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Desktop (>=1024): main fica em coluna unica (cards muito densos
|
/* Desktop (>=1024): main coluna unica. Sem cap de altura nos cards —
|
||||||
pra split 50/50). Sidebar e cards do main ganham min-h 300 +
|
cada um cresce com seu conteudo (Jornada vira maior em "Diferente
|
||||||
max-h 100% + body overflow-y: auto pra que mudar de modo
|
por dia", Online expande com slots, etc). Sem scroll interno: o
|
||||||
(igual/diferente, adicionar pausas, etc) nao quebre o layout —
|
.mac-main / .mac-side__scroll fazem o scroll externo da pagina. */
|
||||||
cada card scrolla por conta propria sem empurrar os outros. */
|
|
||||||
@media (min-width: 1024px) {
|
|
||||||
.mac-side > .mac-side__scroll > .mac-w--side {
|
|
||||||
min-height: 300px;
|
|
||||||
max-height: 100%;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
.mac-main > .mac-w {
|
|
||||||
min-height: 300px;
|
|
||||||
max-height: 100%;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
.mac-side .mac-w--side > .mac-w__body,
|
|
||||||
.mac-main > .mac-w > .mac-w__body {
|
|
||||||
flex: 1;
|
|
||||||
min-height: 0;
|
|
||||||
overflow-y: auto;
|
|
||||||
overflow-x: hidden;
|
|
||||||
scrollbar-width: thin;
|
|
||||||
scrollbar-color: var(--m-border-strong) transparent;
|
|
||||||
}
|
|
||||||
.mac-side .mac-w--side > .mac-w__body::-webkit-scrollbar,
|
|
||||||
.mac-main > .mac-w > .mac-w__body::-webkit-scrollbar { width: 5px; }
|
|
||||||
.mac-side .mac-w--side > .mac-w__body::-webkit-scrollbar-thumb,
|
|
||||||
.mac-main > .mac-w > .mac-w__body::-webkit-scrollbar-thumb {
|
|
||||||
background: var(--m-border-strong);
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ═══════ Card-base ═══════ */
|
/* ═══════ Card-base ═══════ */
|
||||||
.mac-w {
|
.mac-w {
|
||||||
|
|||||||
Reference in New Issue
Block a user