Fix mobile map overlays and GPS recentering

Components/Pages/Home.razor

@@ -18,7 +18,7 @@
 <PageTitle>LME Mappe Catastali Pro</PageTitle>
 
 <div class="map-app">
-    <section class="map-stage @(ActiveTab == "search" ? "search-active" : null)">
+    <section class="map-stage @(ActiveTab == "search" ? "search-active" : null) @(LayerPanelOpen ? "layers-open" : null)">
         <div id="map"></div>
 
         <header class="map-toolbar">

LMEMappeCatastaliApp.csproj

@@ -28,8 +28,8 @@
         <ApplicationId>it.liviomerola.lmemappecatastali.pro</ApplicationId>
 
         <!-- Versions -->
-        <ApplicationDisplayVersion>1.0.5</ApplicationDisplayVersion>
-        <ApplicationVersion>105</ApplicationVersion>
+        <ApplicationDisplayVersion>1.0.7</ApplicationDisplayVersion>
+        <ApplicationVersion>107</ApplicationVersion>
         <Version>$(ApplicationDisplayVersion)</Version>
 
         <!-- To develop, package, and publish an app to the Microsoft Store, see: https://aka.ms/MauiTemplateUnpackaged -->

PLAY_STORE_PRO_CHECKLIST.md

@@ -4,7 +4,7 @@
 
 - Nome: LME Mappe Catastali Pro.
 - Package name Android: `it.liviomerola.lmemappecatastali.pro`.
-- Versione corrente da pubblicare: `1.0.5` / version code `105`.
+- Versione corrente da pubblicare: `1.0.7` / version code `107`.
 - Formato Release Android: Android App Bundle (`.aab`).
 - Target SDK Release: Android 16 / API 36.
 

README.md

@@ -4,6 +4,16 @@ App .NET MAUI Blazor Hybrid per Android, iOS, Mac Catalyst e Windows, pensata pe
 
 Informativa privacy: [PRIVACY_POLICY.md](PRIVACY_POLICY.md).
 
+## Versione Pro 1.0.7 test
+
+- I messaggi informativi su telefono vengono mostrati sopra i controlli zoom e possono occupare fino a tre righe senza sovrapporsi.
+- Durante il rilevamento GPS la mappa si ricentra automaticamente quando la nuova posizione esce dall'area visibile, mantenendo lo zoom corrente.
+
+## Versione Pro 1.0.6 test
+
+- Il pannello Layer usa tutta la larghezza disponibile sui telefoni e le righe si adattano ai testi su piu linee senza sovrapporsi.
+- La barra superiore tronca il titolo in modo controllato e il riepilogo GPS non rimane dietro al pannello Layer.
+
 ## Versione Pro 1.0.5 test
 
 - Il flusso di acquisto Google Play gestisce correttamente prodotti o offerte non restituiti dal catalogo, senza mostrare eccezioni tecniche.

wwwroot/css/app.css

@@ -122,10 +122,14 @@ input[type="checkbox"] {
     align-items: baseline;
     gap: 10px;
     min-width: 0;
+    overflow: hidden;
 }
 
 .app-identity strong {
+    min-width: 0;
+    overflow: hidden;
     font-size: 18px;
+    text-overflow: ellipsis;
     white-space: nowrap;
 }
 
@@ -263,7 +267,7 @@ input[type="checkbox"] {
     left: auto;
     bottom: calc(var(--nav-height) + 8px);
     z-index: 1080;
-    display: grid;
+    display: block;
     box-sizing: border-box;
     width: min(480px, 50vw);
     overflow-y: auto;
@@ -295,10 +299,10 @@ input[type="checkbox"] {
 
 .map-layer-option {
     display: flex;
-    align-items: center;
+    align-items: flex-start;
     gap: 9px;
     min-height: 45px;
-    padding: 6px 4px;
+    padding: 9px 4px;
     border-bottom: 1px solid #e5eaed;
 }
 
@@ -306,11 +310,19 @@ input[type="checkbox"] {
     flex: 0 0 auto;
     width: 19px;
     height: 19px;
+    margin-top: 2px;
 }
 
 .map-layer-option span {
     display: grid;
     gap: 2px;
+    min-width: 0;
+    line-height: 1.25;
+}
+
+.map-layer-option strong,
+.map-layer-option small {
+    overflow-wrap: anywhere;
 }
 
 .map-layer-option small {
@@ -1738,7 +1750,16 @@ footer {
         right: 8px;
         left: auto;
         bottom: calc(var(--nav-height) + 8px);
-        width: 50vw;
+        width: calc(100vw - 16px);
+    }
+
+    .map-stage.layers-open .gps-overlay {
+        visibility: hidden;
+        pointer-events: none;
+    }
+
+    .app-status-line {
+        display: none;
     }
 
     .map-navigation-menu {
@@ -1812,12 +1833,16 @@ footer {
 
     .map-info {
         right: 8px;
-        bottom: 72px;
+        bottom: calc(var(--nav-height) + 116px);
         left: 8px;
+        display: -webkit-box;
         max-width: none;
         overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
+        line-height: 1.35;
+        overflow-wrap: anywhere;
+        white-space: normal;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 3;
     }
 
     .bottom-tabs button {

wwwroot/js/lme-map.js

@@ -5637,6 +5637,12 @@ function onGpsPosition(position) {
     updateGpsPositionLayers(latlng, lmeState.lastAccuracy);
     if (firstLiveFix) {
         lmeState.map.setView(latlng, 19);
+    } else if (!lmeState.map.getBounds().contains(latlng)) {
+        lmeState.map.panTo(latlng, {
+            animate: true,
+            duration: 0.5,
+            easeLinearity: 0.25
+        });
     }
 
     if (lmeState.gpsTrailEnabled) {