MarcoE/SteUP_Dotnet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Il comando della barra si adatta alla schermata

Browse Source 
Il tasto al centro perde l'etichetta: non ne ha una sola, perche' quello
che fa lo decide la schermata sotto. Dentro un'ispezione apre le sue
azioni (nuova scheda, concludi, elimina); altrove apre una nuova
ispezione. Il glifo resta lo stesso e resta nello stesso punto: quello
che cambia e' cosa c'e' dietro, non dove mettere il dito.

Le azioni dell'ispezione lasciano quindi la testata, dove stavano dietro
un menu a tre punti, e tornano sotto il pollice.

Il collegamento passa da PageActionsService: la pagina si registra
finche' e' a video e si sfila uscendo, cosi' la barra non tiene in vita
schermate che non ci sono piu'. Chi non registra niente lascia al
comando il suo significato di default — un'ispezione conclusa non
registra, e il tasto non resta li' a non fare nulla.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
Marco Elefante
2026-09-17 15:44:55 +02:00
parent 9703fca306
commit 13d5400104
5 changed files with 108 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files
SteUp.Shared/wwwroot/css/components.css
+9 -11
View File
@@ -568,30 +568,28 @@
transition: background-color var(--duration-base) var(--ease-out);
}
/* L'azione al centro: e' una casella della barra come le altre, alla stessa
altezza, solo piena d'accento. L'unico accento della schermata sta sul solo
comando che crea qualcosa. */
/* Il comando al centro: una casella della barra come le altre, alla stessa
altezza, solo piena d'accento. Senza etichetta, perche' non ne ha una sola:
quello che fa lo decide la schermata sotto. L'unico accento della schermata
sta sull'unico comando. */
.navbar__action {
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
gap: var(--space-6);
aspect-ratio: 1;
min-width: var(--touch-min);
padding-inline: var(--space-md);
padding: 0;
border: none;
border-radius: 20px;
background-color: var(--primary);
color: var(--on-primary);
font-family: inherit;
font-size: var(--label-lg-size);
font-weight: 600;
white-space: nowrap;
transition: transform var(--duration-fast) var(--ease-out),
background-color var(--duration-fast) var(--ease-out);
}
.navbar__action i { font-size: 22px; }
.navbar__action i { font-size: 26px; }
.navbar__action:active { transform: scale(0.96); background-color: var(--primary-pressed); }
@@ -644,8 +642,8 @@
qualcosa incastrato fra due destinazioni. */
.navbar__action {
order: -1;
align-self: stretch;
height: 48px;
align-self: center;
height: 52px;
margin-bottom: var(--space-xs);
}