diff --git a/SteUp.Shared/Components/Layout/NavMenu.razor b/SteUp.Shared/Components/Layout/NavMenu.razor index 23c55d2..b0a8df8 100644 --- a/SteUp.Shared/Components/Layout/NavMenu.razor +++ b/SteUp.Shared/Components/Layout/NavMenu.razor @@ -91,7 +91,7 @@ private async Task NewScheda() { var ispezione = SteupDataService.InspectionPageState.Ispezione; - var modal = await ModalHelper.OpenFormScheda(Dialog, ispezione.CodMdep, ispezione.Data); + var modal = await ModalHelper.OpenFormScheda(Dialog, ispezione.CodMdep, ispezione.Data, true); if (modal is { Canceled: false }) Messenger.Send(new NewSchedaMessage()); diff --git a/SteUp.Shared/Components/Pages/IspezionePage.razor b/SteUp.Shared/Components/Pages/IspezionePage.razor index 624fd24..4069e36 100644 --- a/SteUp.Shared/Components/Pages/IspezionePage.razor +++ b/SteUp.Shared/Components/Pages/IspezionePage.razor @@ -12,7 +12,7 @@ -
+
@if (!SchedeGrouped.IsNullOrEmpty()) @@ -20,7 +20,7 @@ @foreach (var group in SchedeGrouped) { - +
@@ -110,8 +110,8 @@ Dialog, SteupDataService.InspectionPageState.Ispezione.CodMdep, SteupDataService.InspectionPageState.Ispezione.Data, - new Scheda { Reparto = jtbFasi }, - true + true, + new Scheda { Reparto = jtbFasi } ); if (modal is {Canceled: false}) LoadSchede(); diff --git a/SteUp.Shared/Components/Pages/IspezionePage.razor.css b/SteUp.Shared/Components/Pages/IspezionePage.razor.css index 5f28270..10d089d 100644 --- a/SteUp.Shared/Components/Pages/IspezionePage.razor.css +++ b/SteUp.Shared/Components/Pages/IspezionePage.razor.css @@ -1 +1,5 @@ - \ No newline at end of file +.ispezione ::deep .expansion-panel .mud-expand-panel-content { + display: flex; + flex-direction: column; + gap: 1.5rem; +} \ No newline at end of file diff --git a/SteUp.Shared/Components/Pages/IspezioniPage.razor b/SteUp.Shared/Components/Pages/IspezioniPage.razor index 39bd9b5..cb8d403 100644 --- a/SteUp.Shared/Components/Pages/IspezioniPage.razor +++ b/SteUp.Shared/Components/Pages/IspezioniPage.razor @@ -10,7 +10,7 @@ -
+
@if (Ispezioni.IsNullOrEmpty()) { - + }
diff --git a/SteUp.Shared/Components/Pages/IspezioniPage.razor.css b/SteUp.Shared/Components/Pages/IspezioniPage.razor.css index 5f28270..0d64851 100644 --- a/SteUp.Shared/Components/Pages/IspezioniPage.razor.css +++ b/SteUp.Shared/Components/Pages/IspezioniPage.razor.css @@ -1 +1,5 @@ - \ No newline at end of file +.ispezioni{ + display: flex; + flex-direction: column; + gap: 1rem; +} \ No newline at end of file diff --git a/SteUp.Shared/Components/SingleElements/Card/InspectionCard.razor b/SteUp.Shared/Components/SingleElements/Card/InspectionCard.razor index 2ac00bc..eebc24a 100644 --- a/SteUp.Shared/Components/SingleElements/Card/InspectionCard.razor +++ b/SteUp.Shared/Components/SingleElements/Card/InspectionCard.razor @@ -1,7 +1,7 @@ @using SteUp.Shared.Core.Dto @using SteUp.Shared.Core.Entities -
+
@if (CompactView) @@ -76,6 +76,7 @@ @code { + [Parameter] public string Class { get; set; } = string.Empty; [Parameter] public Ispezione Ispezione { get; set; } = new(); [Parameter] public bool CompactView { get; set; } [Parameter] public EventCallback OnClick { get; set; } diff --git a/SteUp.Shared/Components/SingleElements/Card/InspectionCard.razor.css b/SteUp.Shared/Components/SingleElements/Card/InspectionCard.razor.css index bead280..5ddecf4 100644 --- a/SteUp.Shared/Components/SingleElements/Card/InspectionCard.razor.css +++ b/SteUp.Shared/Components/SingleElements/Card/InspectionCard.razor.css @@ -5,6 +5,11 @@ border-radius: 20px; } +.container-primary-info.no-margin { + margin-bottom: 0 !important; + min-height: max-content; +} + .container-primary-info .divider { margin: .25rem 0; } diff --git a/SteUp.Shared/Components/SingleElements/Card/SchedaCard.razor b/SteUp.Shared/Components/SingleElements/Card/SchedaCard.razor index 9f775cd..4a6e6a1 100644 --- a/SteUp.Shared/Components/SingleElements/Card/SchedaCard.razor +++ b/SteUp.Shared/Components/SingleElements/Card/SchedaCard.razor @@ -48,7 +48,7 @@ private async Task UpdateScheda() { - var modal = await ModalHelper.OpenFormScheda(Dialog, CodMdep, Data, Scheda); + var modal = await ModalHelper.OpenFormScheda(Dialog, CodMdep, Data, false, Scheda); if (modal is { Canceled: false, Data: Scheda scheda }) await OnSchedaModified.InvokeAsync(scheda); } diff --git a/SteUp.Shared/Core/Helpers/ModalHelper.cs b/SteUp.Shared/Core/Helpers/ModalHelper.cs index 7c966c0..8ae1ded 100644 --- a/SteUp.Shared/Core/Helpers/ModalHelper.cs +++ b/SteUp.Shared/Core/Helpers/ModalHelper.cs @@ -25,7 +25,7 @@ public abstract class ModalHelper } public static async Task OpenFormScheda(IDialogService dialog, string codMdep, DateOnly data, - Scheda? scheda = null, bool isNew = false) + bool isNew = false, Scheda? scheda = null) { scheda = isNew && scheda == null ? new Scheda() : scheda; diff --git a/SteUp.Shared/wwwroot/css/app.css b/SteUp.Shared/wwwroot/css/app.css index 1979d3d..acfff6c 100644 --- a/SteUp.Shared/wwwroot/css/app.css +++ b/SteUp.Shared/wwwroot/css/app.css @@ -1,8 +1,15 @@ -html { overflow: hidden; } +html { + overflow: hidden; +} -.page, article, main { height: 100% !important; overflow: hidden; } +.page, article, main { + height: 100% !important; + overflow: hidden; +} -#app { height: 100vh; } +#app { + height: 100vh; +} html, body { font-family: "Nunito", sans-serif; @@ -12,9 +19,22 @@ html, body { color: black; } -* { font-family: "Nunito", sans-serif !important; } +* { + font-family: "Nunito", sans-serif !important; +} -.mud-button-label { font-weight: 700 !important; } +html ::-webkit-scrollbar { + width: 3px; +} + +html ::-webkit-scrollbar-thumb { + background: #bbb; + border-radius: 2px; +} + +.mud-button-label { + font-weight: 700 !important; +} a, .btn-link { /*color: #006bb7;*/ @@ -69,7 +89,9 @@ article { border-color: var(--darker-color); } -.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus { box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb; } +.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus { + box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb; +} .content { padding-top: 1rem; @@ -79,20 +101,21 @@ article { height: 90vh; } -.content::-webkit-scrollbar { width: 3px; } - -.content::-webkit-scrollbar-thumb { - background: #bbb; - border-radius: 2px; +h1:focus { + outline: none; } -h1:focus { outline: none; } +.valid.modified:not([type=checkbox]) { + outline: 1px solid #26b050; +} -.valid.modified:not([type=checkbox]) { outline: 1px solid #26b050; } +.invalid { + outline: 1px solid #e50000; +} -.invalid { outline: 1px solid #e50000; } - -.validation-message { color: #e50000; } +.validation-message { + color: #e50000; +} #blazor-error-ui { background: lightyellow; @@ -119,9 +142,13 @@ h1:focus { outline: none; } color: white; } -.blazor-error-boundary::after { content: "An error has occurred." } +.blazor-error-boundary::after { + content: "An error has occurred." +} -.status-bar-safe-area { display: none; } +.status-bar-safe-area { + display: none; +} .page-title { font-size: x-large; @@ -145,13 +172,21 @@ h1:focus { outline: none; } color: var(--mud-palette-text-primary) !important; } -.custom_popover .mud-divider { border-color: var(--mud-palette-text-primary) !important; } +.custom_popover .mud-divider { + border-color: var(--mud-palette-text-primary) !important; +} -.custom_popover .mud-list-padding { padding: 3px 0px 3px 0px !important; } +.custom_popover .mud-list-padding { + padding: 3px 0px 3px 0px !important; +} -.custom_popover .mud-list-item { padding: 5px 12px 5px 12px; } +.custom_popover .mud-list-item { + padding: 5px 12px 5px 12px; +} -.custom_popover .mud-menu-item-text { font-weight: 600; } +.custom_popover .mud-menu-item-text { + font-weight: 600; +} .custom_popover .mud-list-item-icon { min-width: fit-content !important; @@ -165,6 +200,11 @@ h1:focus { outline: none; } margin: 1rem 0; } +.pb-safe-area { + padding-bottom: 75px; + overflow: auto; +} + /*Spinner*/ .spinner-container { @@ -201,10 +241,14 @@ h1:focus { outline: none; } animation-duration: 2s; } -.loader:after { animation-duration: 4s; } +.loader:after { + animation-duration: 4s; +} @keyframes l24 { - 100% { transform: rotate(1turn) } + 100% { + transform: rotate(1turn) + } } /*MudBlazor Personalization*/ @@ -225,7 +269,9 @@ h1:focus { outline: none; } overflow: hidden; } -.custom-item-select { padding: 6px 16px; } +.custom-item-select { + padding: 6px 16px; +} .custom-item-select .mud-typography-body1 { font-weight: 600; @@ -242,7 +288,9 @@ h1:focus { outline: none; } padding-left: calc(var(--m-page-x) * 0.5) !important; } -.mud-message-box > .mud-dialog-title > h6 { font-weight: 800 !important; } +.mud-message-box > .mud-dialog-title > h6 { + font-weight: 800 !important; +} .mud-dialog-actions button { margin-left: .5rem !important; @@ -260,20 +308,30 @@ h1:focus { outline: none; } background-color: var(--mud-palette-surface); } - .modal { padding-top: env(safe-area-inset-top); } + .modal { + padding-top: env(safe-area-inset-top); + } - .safe-area-bottom { margin-bottom: env(safe-area-inset-bottom) !important; } + .safe-area-bottom { + margin-bottom: env(safe-area-inset-bottom) !important; + } - .pb-safe-area { padding-bottom: env(safe-area-inset-bottom) !important; } + .pb-safe-area { + padding-bottom: env(safe-area-inset-bottom) !important; + } #app { margin-top: env(safe-area-inset-top); height: calc(100vh - env(safe-area-inset-top)); } - .flex-column, .navbar-brand { padding-left: env(safe-area-inset-left); } + .flex-column, .navbar-brand { + padding-left: env(safe-area-inset-left); + } - .customDialog-form .mud-dialog-content { margin-top: env(safe-area-inset-top); } + .customDialog-form .mud-dialog-content { + margin-top: env(safe-area-inset-top); + } } /*Ripple*/