diff --git a/SteUp.Shared/Components/Layout/MainLayout.razor b/SteUp.Shared/Components/Layout/MainLayout.razor index 059a3b0..3cba4e1 100644 --- a/SteUp.Shared/Components/Layout/MainLayout.razor +++ b/SteUp.Shared/Components/Layout/MainLayout.razor @@ -9,7 +9,11 @@ - +@* NoHeader NON va messo qui: e' il valore predefinito di tutti i dialog e + sopprimerebbe il titolo dei MudMessageBox, che lo rendono nella testata. + Le schermate a tutto schermo (form scheda, scelta punto vendita) lo + chiedono gia' per conto loro nelle DialogOptions. *@ + diff --git a/SteUp.Shared/Components/Pages/UserPage.razor b/SteUp.Shared/Components/Pages/UserPage.razor index dec59cf..45ad9fd 100644 --- a/SteUp.Shared/Components/Pages/UserPage.razor +++ b/SteUp.Shared/Components/Pages/UserPage.razor @@ -84,7 +84,8 @@ - @code { diff --git a/SteUp.Shared/Components/SingleElements/Card/SchedaCard.razor b/SteUp.Shared/Components/SingleElements/Card/SchedaCard.razor index 5e56d5d..aefaf54 100644 --- a/SteUp.Shared/Components/SingleElements/Card/SchedaCard.razor +++ b/SteUp.Shared/Components/SingleElements/Card/SchedaCard.razor @@ -82,7 +82,8 @@ } - @code{ diff --git a/SteUp.Shared/Components/SingleElements/MessageBox/ConfirmMessageBox.razor b/SteUp.Shared/Components/SingleElements/MessageBox/ConfirmMessageBox.razor index c780a0b..143756f 100644 --- a/SteUp.Shared/Components/SingleElements/MessageBox/ConfirmMessageBox.razor +++ b/SteUp.Shared/Components/SingleElements/MessageBox/ConfirmMessageBox.razor @@ -1,4 +1,9 @@ - +@* Conferma di un'azione. Il titolo dice cosa sta per succedere, il messaggio + che conseguenze ha: davanti a un'azione irreversibile la domanda deve + essere leggibile prima del testo, non dedotta da esso. + + YesText -> true, NoText -> false, chiusura senza scelta -> null. *@ + @Message @@ -11,6 +16,7 @@ @code { + [Parameter] public string Title { get; set; } = "Attenzione"; [Parameter] public string Message { get; set; } = string.Empty; [Parameter] public string YesText { get; set; } = string.Empty; [Parameter] public string NoText { get; set; } = "Annulla"; @@ -23,4 +29,4 @@ if (_confirmDelete == null) return null; return await _confirmDelete.ShowAsync(); } -} \ No newline at end of file +} diff --git a/SteUp.Shared/wwwroot/css/mudblazor-overrides.css b/SteUp.Shared/wwwroot/css/mudblazor-overrides.css index e6d0d51..e007786 100644 --- a/SteUp.Shared/wwwroot/css/mudblazor-overrides.css +++ b/SteUp.Shared/wwwroot/css/mudblazor-overrides.css @@ -336,13 +336,27 @@ overflow-x: hidden; } +/* Le scelte stanno in fondo, allineate a destra, con la conferma per ultima. + Su schermo stretto le etichette lunghe ("Salva come bozza") andrebbero a + sbattere: in quel caso la riga diventa una colonna a piena larghezza invece + di comprimere i bersagli. */ .mud-dialog-actions { display: flex; - gap: var(--space-sm); + flex-wrap: wrap; + justify-content: flex-end; + gap: var(--space-xs); padding: var(--space-lg); } -.mud-dialog-actions > * { flex: 1 1 0; margin: 0 !important; } +.mud-dialog-actions > * { + margin: 0 !important; + min-height: var(--touch-min); +} + +@media (max-width: 380px) { + .mud-dialog-actions { flex-direction: column-reverse; } + .mud-dialog-actions > * { width: 100%; } +} /* Il form scheda e' a schermo pieno: e' una schermata, non un riquadro. */ .mud-dialog.customDialog-form {