Rivedi la scelta del punto vendita
La schermata era dichiarata a tutto schermo ma usciva dentro un riquadro con lo sfondo visibile ai lati: la misura da dialog di conferma si applicava anche ai dialog FullScreen, perche' nulla la escludeva. Ora le schermate a tutto schermo riempiono il display. Ogni punto vendita era un <div> con role="button": adesso e' un bottone vero, raggiungibile da tastiera e annunciato per quello che e', con il chevron che dice che porta altrove. L'indirizzo si ferma a due righe: serve a distinguere due negozi con lo stesso nome, non a essere letto per intero, e teneva l'elenco lungo da scorrere. I punti vendita su cui c'e' gia' un'ispezione aperta oggi lo dichiarano: quel tocco riapre l'ispezione esistente invece di crearne una nuova, ed e' meglio saperlo prima. (Il CSS della riga e' entrato nel commit precedente, adiacente a quello delle azioni di testata.) Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -318,6 +318,27 @@
|
||||
width: calc(100vw - 48px);
|
||||
}
|
||||
|
||||
/* La misura da riquadro qui sopra vale per i dialog di conferma. Le schermate
|
||||
aperte a tutto schermo (scelta punto vendita, scelta articoli) sono
|
||||
schermate: devono riempire il display, non restare in una scatola con lo
|
||||
sfondo che si vede ai lati. */
|
||||
.mud-dialog.mud-dialog-fullscreen {
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
max-height: 100%;
|
||||
margin: 0;
|
||||
border-radius: 0 !important;
|
||||
background-color: var(--workspace);
|
||||
}
|
||||
|
||||
.mud-dialog.mud-dialog-fullscreen .mud-dialog-content {
|
||||
padding: 0;
|
||||
height: 100%;
|
||||
max-height: 100%;
|
||||
color: var(--ink);
|
||||
}
|
||||
|
||||
.mud-dialog-title {
|
||||
padding: var(--space-lg) var(--space-lg) 0;
|
||||
font-family: var(--font-sans);
|
||||
|
||||
Reference in New Issue
Block a user