@@ -240,13 +240,17 @@
private string Progresso => (PercentualeInviate / 100.0).ToString("0.###",
System.Globalization.CultureInfo.InvariantCulture);
- private string Titolo => SteupDataService.PuntiVenditaList
- .Find(x => x.CodMdep != null && x.CodMdep.EqualsIgnoreCase(Ispezione.CodMdep))?
- .Descrizione is { Length: > 0 } descrizione
- ? descrizione
+ private PuntoVenditaDto? PuntoVendita => SteupDataService.PuntiVenditaList
+ .Find(x => x.CodMdep != null && x.CodMdep.EqualsIgnoreCase(Ispezione.CodMdep));
+
+ // Il codice del punto vendita sta davanti al nome, come su ogni documento
+ // cartaceo dell'ispezione: e' quello che si confronta, il nome serve a
+ // riconoscerlo.
+ private string Titolo => PuntoVendita?.Descrizione is { Length: > 0 } descrizione
+ ? $"{Ispezione.CodMdep} - {descrizione}"
: Ispezione.CodMdep;
- private string Sottotitolo => Ispezione.CodMdep;
+ private string? Sottotitolo => PuntoVendita?.Indirizzo;
private IDisposable? _actionsRegistration;
diff --git a/SteUp.Shared/wwwroot/css/components.css b/SteUp.Shared/wwwroot/css/components.css
index 055052d..2655ca9 100644
--- a/SteUp.Shared/wwwroot/css/components.css
+++ b/SteUp.Shared/wwwroot/css/components.css
@@ -29,8 +29,10 @@
min-width: 0;
}
-/* Il titolo puo' andare su due righe prima di troncare: il nome del punto
- vendita e' l'ancora del compito, tagliarlo a meta' non aiuta nessuno. */
+/* Il titolo puo' andare su tre righe prima di troncare: codice e nome del
+ punto vendita sono l'ancora del compito, e tagliarli a meta' non aiuta
+ nessuno. Le schermate con un titolo lungo usano la testata compatta, dove
+ il testo e' piu' piccolo e tre righe occupano quanto due. */
.appbar__title {
font-size: var(--headline-sm-size);
line-height: var(--headline-sm-height);
@@ -38,7 +40,7 @@
letter-spacing: -0.02em;
color: var(--ink);
display: -webkit-box;
- -webkit-line-clamp: 2;
+ -webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}