@aurea-uds/core 0.41.0 → 0.42.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/aurea.css +27 -0
- package/package.json +1 -1
package/dist/aurea.css
CHANGED
|
@@ -1240,6 +1240,33 @@ img,svg { display:block; }
|
|
|
1240
1240
|
@media (max-width:1023px) {
|
|
1241
1241
|
.sidebar-toggle-slot { display:none; }
|
|
1242
1242
|
.app-shell-collapsible > .sidebar, .app-shell-collapsible > .content { grid-column:auto; grid-row:auto; } }
|
|
1243
|
+
/* A LATERAL ATÉ O TOPO (MNT-34, `AppShell layout="sidebar"`, 23/10/2026) — o pedido do app de rede (*"sidebar de canto e
|
|
1244
|
+
que vá até o topo"*) e o PV-04 de um segundo app, na bancada aprovada pelo Victor (*"mantenha o atual e faça também os
|
|
1245
|
+
outros 4"*). A marca mora no topo da lateral (o `header` da `Sidebar`, 4-C); a barra de cima só existe se o app passar
|
|
1246
|
+
`topbar`, e fica só em cima do conteúdo (a coluna 2), como no sistema que serviu de modelo. Uma linha só na grade. */
|
|
1247
|
+
.app-shell-lateral { grid-template-rows:none; }
|
|
1248
|
+
.app-shell-lateral > .app-shell-column { grid-column:2; grid-row:1; min-width:0; display:flex; flex-direction:column; }
|
|
1249
|
+
.app-shell-lateral > .app-shell-column > .content { flex:1; }
|
|
1250
|
+
.app-shell-lateral.app-shell-collapsible > .sidebar { grid-row:1; }
|
|
1251
|
+
/* A lateral começa no topo da janela: a flutuante com a margem dela, a de canto encostada. Só na tela larga — abaixo de
|
|
1252
|
+
1024 ela é gaveta, com a altura e a margem da gaveta. */
|
|
1253
|
+
@media (min-width:1024px) {
|
|
1254
|
+
.app-shell-lateral > .sidebar { top:var(--space-4); height:calc(100vh - var(--space-4) * 2); max-height:none; }
|
|
1255
|
+
.app-shell-lateral > .sidebar-flush { top:0; height:100vh; }
|
|
1256
|
+
}
|
|
1257
|
+
/* O respiro: a de canto não tem margem, e o conteúdo encostava nela (o MNT-34 mediu no app). */
|
|
1258
|
+
.app-shell-lateral:has(> .sidebar-flush) > .app-shell-column > .content { margin-inline-start:var(--space-4); }
|
|
1259
|
+
/* O botão de recolher é o das quinze laterais aprovadas (`AppShell.SidebarToggle`): o botão de ícone sem fundo, a 12 do
|
|
1260
|
+
título — na barra do conteúdo, o primeiro dela. A bolinha da junção (ADR-0056) fica só no arranjo de sempre. Abaixo de
|
|
1261
|
+
1024 ele some: a lateral é gaveta, e quem abre é o botão da gaveta. */
|
|
1262
|
+
.app-shell-lateral > .app-shell-column > .topbar { gap:var(--space-3); justify-content:flex-start; }
|
|
1263
|
+
@media (max-width:1023px) { .btn.sidebar-collapse-trigger { display:none; } }
|
|
1264
|
+
/* Sem barra, abaixo de 1024, uma faixa com o botão da gaveta e a marca (a altura da barra pequena, 56). */
|
|
1265
|
+
.app-shell-narrow-bar { display:none; }
|
|
1266
|
+
@media (max-width:1023px) {
|
|
1267
|
+
.app-shell-lateral > .app-shell-column { grid-column:1; }
|
|
1268
|
+
.app-shell-narrow-bar { display:flex; align-items:center; gap:var(--space-3); min-height:calc(var(--space-12) + var(--space-2)); padding-inline:var(--space-4); }
|
|
1269
|
+
}
|
|
1243
1270
|
|
|
1244
1271
|
/* ── Navegação inferior — o vocabulário de APLICATIVO ───────────────────────────────
|
|
1245
1272
|
Lacuna estrutural medida no `CONSUMIDOR-1.md` §4.1: `.topbar` e `.sidebar` são
|