Adeguamento ui per ios

Template.Shared/Components/Layout/BottomSheet/FilterActivity.razor

@@ -7,7 +7,7 @@
 <div class="bottom-sheet-backdrop @(IsSheetVisible ? "show" : "")" @onclick="CloseBottomSheet"></div>
 
 <div class="bottom-sheet-container @(IsSheetVisible ? "show" : "")">
-    <div class="bottom-sheet">
+    <div class="bottom-sheet pb-safe-area">
         <div class="title">
             <MudText Typo="Typo.h6">
                 <b>Filtri</b>

Template.Shared/Components/Layout/NavMenu.razor

@@ -37,7 +37,7 @@
                 </li>
 
                 <li class="nav-item">
-                    <NavLink class="nav-link" href="Notification" Match="NavLinkMatch.All">
+                    <NavLink class="nav-link" href="Notifications" Match="NavLinkMatch.All">
                         <div class="d-flex flex-column">
                             <i class="ri-notification-4-line"></i>
                         </div>
@@ -66,7 +66,7 @@
         {
             var location = args.Location.Remove(0, NavigationManager.BaseUri.Length);
 
-            IsVisible = new List<string> { "Calendar", "Users", "PersonalInfo" }
+            IsVisible = new List<string> { "Calendar", "Users", "PersonalInfo", "Notifications" }
                 .Contains(location);
             StateHasChanged();
         };

Template.Shared/Components/Layout/NavMenu.razor.css

@@ -22,14 +22,14 @@
 }
 
 .nav-item ::deep .custom-plus-button .mud-icon-root {
-    transition: .513s;
+    transition: .5s;
     transform: rotate(0);
     font-size: 2rem;
 }
 
     .nav-item ::deep .custom-plus-button:focus .mud-icon-root {
-        transform: rotate(225deg);
-    }
+    transform: rotate(225deg);
+}
 
 .nav-item ::deep a {
     display: flex;
@@ -55,9 +55,7 @@
 
 .nav-item ::deep a.active > div > span { font-weight: 800; }
 
-    .nav-item ::deep a:not(.active) > div {
-        color: var(--mud-palette-text-primary);
-    }
+.nav-item ::deep a:not(.active) > div { color: var(--mud-palette-text-primary); }
 
 .nav-item ::deep a i { font-size: 1.65rem; }
 
@@ -66,8 +64,4 @@
     font-weight: 500;
 }
 
-@supports (-webkit-touch-callout: none) {
-    .nav-item { padding-bottom: env(safe-area-inset-bottom) !important; }
-
-    .nav-item ::deep > .nav-link { padding-bottom: 0 !important; }
-}
+@supports (-webkit-touch-callout: none) { .navbar { padding-bottom: env(safe-area-inset-bottom); } }

Template.Shared/Components/Pages/Calendar.razor

@@ -8,97 +8,98 @@
 @inject IManageDataService ManageData
 @inject IJSRuntime JS
 
+
 <HeaderLayout Title="@CurrentMonth.ToString("MMMM yyyy", new System.Globalization.CultureInfo("it-IT")).FirstCharToUpper()"
-              ShowFilter="true"
-              ShowCalendarToggle="true"
-              OnFilterToggle="ToggleFilter"
-              OnCalendarToggle="ToggleExpanded"/>
+                  ShowFilter="true"
+                  ShowCalendarToggle="true"
+                  OnFilterToggle="ToggleFilter"
+                  OnCalendarToggle="ToggleExpanded" />
 
-<div @ref="weekSliderRef" class="container week-slider @(Expanded ? "expanded" : "") @(SliderAnimation)">
-    @if (Expanded)
-    {
-        <!-- Vista mensile -->
-        @foreach (var nomeGiorno in GiorniSettimana)
+    <div @ref="weekSliderRef" class="container week-slider @(Expanded ? "expanded" : "") @(SliderAnimation)">
+        @if (Expanded)
         {
-            <div class="week-day">
-                <div>@nomeGiorno</div>
-            </div>
-        }
+            <!-- Vista mensile -->
+            @foreach (var nomeGiorno in GiorniSettimana)
+            {
+                <div class="week-day">
+                    <div>@nomeGiorno</div>
+                </div>
+            }
 
-        @foreach (var unused in Enumerable.Range(0, StartOffset))
-        {
-            <div class="day" style="visibility: hidden"></div>
-        }
+            @foreach (var unused in Enumerable.Range(0, StartOffset))
+            {
+                <div class="day" style="visibility: hidden"></div>
+            }
 
-        @for (var d = 1; d <= DaysInMonth; d++)
-        {
-            var day = new DateTime(CurrentMonth.Year, CurrentMonth.Month, d);
-            var isSelected = IsSameDay(day, SelectedDate);
-            var isToday = IsSameDay(day, DateTime.Today);
-            var events = ReturnFilteredActivity(day);
+            @for (var d = 1; d <= DaysInMonth; d++)
+            {
+                var day = new DateTime(CurrentMonth.Year, CurrentMonth.Month, d);
+                var isSelected = IsSameDay(day, SelectedDate);
+                var isToday = IsSameDay(day, DateTime.Today);
+                var events = ReturnFilteredActivity(day);
 
-            <div class="day @(isSelected ? "selected" : (isToday ? "today" : ""))"
-                 @onclick="() => SelezionaDataDalMese(day)">
-                <div>@d</div>
-                @if (events.Any())
-                {
-                    <div class="event-dot-container" style="margin-top: 2px;">
-                        @foreach (var cat in events.Select(x => x.Category).Distinct())
-                        {
-                            <div class="event-dot @cat.ConvertToHumanReadable()" title="@cat.ConvertToHumanReadable()"></div>
-                        }
-                    </div>
-                }
-            </div>
-        }
-
-        @foreach (var unused in Enumerable.Range(0, EndOffset))
-        {
-            <div class="day" style="visibility: hidden"></div>
-        }
-    }
-    else
-    {
-        <!-- Vista settimanale -->
-        @foreach (var day in DaysOfWeek)
-        {
-            var isSelected = IsSameDay(day, SelectedDate);
-            var isToday = IsSameDay(day, DateTime.Today);
-
-            <div class="week-day">
-                <div>@day.ToString("ddd", new System.Globalization.CultureInfo("it-IT"))</div>
                 <div class="day @(isSelected ? "selected" : (isToday ? "today" : ""))"
-                     @onclick="() => SelezionaData(day)">
-                    <div>@day.Day</div>
-                    @if (ReturnFilteredActivity(day).Any())
+                     @onclick="() => SelezionaDataDalMese(day)">
+                    <div>@d</div>
+                    @if (events.Any())
                     {
                         <div class="event-dot-container" style="margin-top: 2px;">
-                            @foreach (var cat in ReturnFilteredActivity(day).Select(x => x.Category).Distinct())
+                            @foreach (var cat in events.Select(x => x.Category).Distinct())
                             {
                                 <div class="event-dot @cat.ConvertToHumanReadable()" title="@cat.ConvertToHumanReadable()"></div>
                             }
                         </div>
                     }
                 </div>
-            </div>
+            }
+
+            @foreach (var unused in Enumerable.Range(0, EndOffset))
+            {
+                <div class="day" style="visibility: hidden"></div>
+            }
         }
-    }
-</div>
+        else
+        {
+            <!-- Vista settimanale -->
+            @foreach (var day in DaysOfWeek)
+            {
+                var isSelected = IsSameDay(day, SelectedDate);
+                var isToday = IsSameDay(day, DateTime.Today);
+
+                <div class="week-day">
+                    <div>@day.ToString("ddd", new System.Globalization.CultureInfo("it-IT"))</div>
+                    <div class="day @(isSelected ? "selected" : (isToday ? "today" : ""))"
+                         @onclick="() => SelezionaData(day)">
+                        <div>@day.Day</div>
+                        @if (ReturnFilteredActivity(day).Any())
+                        {
+                            <div class="event-dot-container" style="margin-top: 2px;">
+                                @foreach (var cat in ReturnFilteredActivity(day).Select(x => x.Category).Distinct())
+                                {
+                                    <div class="event-dot @cat.ConvertToHumanReadable()" title="@cat.ConvertToHumanReadable()"></div>
+                                }
+                            </div>
+                        }
+                    </div>
+                </div>
+            }
+        }
+    </div>
 
 <div class="container appointments">
     @if (IsLoading)
     {
-        <SpinnerLayout FullScreen="false"/>
+        <SpinnerLayout FullScreen="false" />
     }
     else if (FilteredActivities is { Count: > 0 })
     {
         <Virtualize Items="FilteredActivities" Context="activity">
-            <ActivityCard Activity="activity" ActivityChanged="OnActivityChanged"/>
+            <ActivityCard Activity="activity" ActivityChanged="OnActivityChanged" />
         </Virtualize>
     }
     else
     {
-        <NoDataAvailable Text="Nessuna attività trovata" ImageSource="_content/Template.Shared/images/undraw_file-search_cbur.svg"/>
+        <NoDataAvailable Text="Nessuna attività trovata" ImageSource="_content/Template.Shared/images/undraw_file-search_cbur.svg" />
     }
 </div>
 

Template.Shared/Components/Pages/Calendar.razor.css

@@ -119,12 +119,14 @@
     gap: 1rem;
     overflow-y: auto;
     flex-direction: column;
-    height: 75vh;
     -ms-overflow-style: none;
     scrollbar-width: none;
-    padding-bottom: 45px;
+    padding-bottom: 60px;
+    height: calc(100% - 130px);
 }
 
+.appointments.ah-calendar-m { height: calc(100% - 315px) !important; }
+
 .appointments::-webkit-scrollbar { display: none; }
 
 .appointment {
@@ -159,4 +161,6 @@
 
 .event-dot.interna { background-color: var(--mud-palette-success-darken); }
 
-.event-dot.commessa { background-color: var(--mud-palette-warning); }
+.event-dot.commessa { background-color: var(--mud-palette-warning); }
+
+@supports (-webkit-touch-callout: none) { .appointments { padding-bottom: calc(60px + env(safe-area-inset-bottom)) !important; } }

Template.Shared/Components/Pages/Notifications.razor

@@ -0,0 +1,9 @@
+@page "/Notifications"
+@attribute [Authorize]
+@using Template.Shared.Components.Layout
+
+<HeaderLayout Title="Notifiche" />
+
+@code {
+
+}