From 7099f02b604fbacf00a6b6a4dad707ad4e3ff631 Mon Sep 17 00:00:00 2001
From: MarcoE <m.elefante@integry.it>
Date: Thu, 17 Sep 2026 12:45:47 +0200
Subject: [PATCH] Ridai il titolo ai dialog di conferma

MudDialogProvider aveva NoHeader="true" come valore predefinito di tutti i
dialog. MudMessageBox rende il proprio titolo nella testata, quindi quel
valore lo sopprimeva ovunque: davanti a "Elimina" si leggeva solo il testo
delle conseguenze, senza la domanda.

Le schermate a tutto schermo (form scheda, scelta punto vendita, scelta
articoli) chiedono gia' NoHeader per conto loro nelle DialogOptions, quindi
toglierlo dal provider non le tocca.

I titoli ora dicono cosa sta per succedere invece del generico "Attenzione!":
"Eliminare la scheda?", "Uscire dall'account?", "Inviare le schede del
reparto?".

Le scelte in fondo al dialog si dispongono a destra e, sotto i 380 punti,
diventano una colonna a piena larghezza: con etichette lunghe come "Salva come
bozza" i bersagli non si comprimono.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 .../Components/Layout/MainLayout.razor         |  6 +++++-
 SteUp.Shared/Components/Pages/UserPage.razor   |  3 ++-
 .../SingleElements/Card/SchedaCard.razor       |  3 ++-
 .../MessageBox/ConfirmMessageBox.razor         | 10 ++++++++--
 .../wwwroot/css/mudblazor-overrides.css        | 18 ++++++++++++++++--
 5 files changed, 33 insertions(+), 7 deletions(-)

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 @@
 
 <MudThemeProvider Theme="_theme" IsDarkMode="false"/>
 <MudPopoverProvider/>
-<MudDialogProvider CloseButton="false" NoHeader="true" BackdropClick="false"/>
+@* 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. *@
+<MudDialogProvider CloseButton="false" BackdropClick="false"/>
 <MudSnackbarProvider/>
 
 <ConnectionState IsNetworkAvailable="IsNetworkAvailable" ServicesIsDown="ServicesIsDown" ShowWarning="ShowWarning"/>
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 @@
 </div>
 
 <SpinnerOverlay VisibleOverlay="VisibleOverlay" Message="@_progressMessage"/>
-<ConfirmMessageBox @ref="_logoutBox" NoText="Annulla" YesText="Esci" YesColor="Color.Error"
+<ConfirmMessageBox @ref="_logoutBox" Title="Uscire dall'account?" NoText="Annulla"
+                   YesText="Esci" YesColor="Color.Error"
                    Message="Uscendo servirà di nuovo la connessione per rientrare. Le ispezioni salvate sul dispositivo restano al loro posto."/>
 
 @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 @@
     }
 </div>
 
-<ConfirmMessageBox @ref="_messageBox" NoText="Annulla" YesText="Elimina" YesColor="Color.Error"
+<ConfirmMessageBox @ref="_messageBox" Title="Eliminare la scheda?" NoText="Annulla"
+                   YesText="Elimina" YesColor="Color.Error"
                    Message="La scheda verrà eliminata dal dispositivo e, se già inviata, anche dal server. L'operazione non è reversibile."/>
 
 @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 @@
-<MudMessageBox @ref="_confirmDelete" Title="Attenzione!" CancelText="@NoText">
+@* 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. *@
+<MudMessageBox @ref="_confirmDelete" Title="@Title" CancelText="@NoText">
     <MessageContent>
         @Message
     </MessageContent>
@@ -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 {