MarcoE/SteUP_Dotnet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Migliorie al form schede

Browse Source
This commit is contained in:
Marco Elefante
2026-02-19 09:52:18 +01:00
parent c6e6480cd2
commit eef5055bfa
12 changed files with 155 additions and 96 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
SteUp.Shared/wwwroot/css/app.css
View File

@@ -220,7 +220,7 @@ h1:focus { outline: none; }
}
.customDialog-form .mud-dialog-content {
padding: 0 .75rem;
padding: 0 0;
margin: 0;
overflow: hidden;
}

76
SteUp.Shared/wwwroot/css/form.css
View File

@@ -5,28 +5,42 @@
margin-bottom: 1rem;
}
.customDialog-form.disable-safe-area .mud-dialog-content { margin-top: unset !important; }
.customDialog-form.disable-safe-area .mud-dialog-content {
margin-top: unset !important;
}
.customDialog-form.disable-safe-area .content { height: 100% !important; }
.customDialog-form.disable-safe-area .content {
height: 100% !important;
}
.customDialog-form.mud-dialog {
border-radius: unset !important;
}
.customDialog-form .content {
height: calc(100vh - (.6rem + 40px));
overflow: auto;
-ms-overflow-style: none;
scrollbar-width: none;
gap: 1.5rem;
padding: 0 .75rem 2rem 75rem !important;
}
@supports (-webkit-touch-callout: none) {
.customDialog-form .content { height: calc(100vh - (.6rem + 40px) - env(safe-area-inset-top)) !important; }
.customDialog-form .content {
height: calc(100vh - (.6rem + 40px) - env(safe-area-inset-top)) !important;
}
.customDialog-form.disable-safe-area .content { height: 100% !important; }
.customDialog-form.disable-safe-area .content {
height: 100% !important;
}
.customDialog-form.disable-safe-area .mud-dialog-content { margin-top: unset !important; }
.customDialog-form.disable-safe-area .mud-dialog-content {
margin-top: unset !important;
}
}
.customDialog-form .header { padding: 0 !important; }
.customDialog-form .content::-webkit-scrollbar { display: none; }
.customDialog-form .header {
padding: 0 .75rem !important;
}
.input-card {
width: 100%;
@@ -42,9 +56,13 @@
padding: .4rem 1rem !important;
}
.input-card.clearButton.custom-border-bottom { border-bottom: .1rem solid var(--card-border-color); }
.input-card.clearButton.custom-border-bottom {
border-bottom: .1rem solid var(--card-border-color);
}
.input-card > .divider { margin: 0 !important; }
.input-card > .divider {
margin: 0 !important;
}
.form-container {
display: flex;
@@ -81,22 +99,34 @@
/*Custom mudBlazor*/
.form-container .mud-input.mud-input-underline:before { border-bottom: none !important; }
.form-container .mud-input.mud-input-underline:before {
border-bottom: none !important;
}
.form-container .mud-input.mud-input-underline:after { border-bottom: none !important; }
.form-container .mud-input.mud-input-underline:after {
border-bottom: none !important;
}
.form-container.text-align-end .mud-input-slot { text-align: end; }
.form-container.text-align-end .mud-input-slot {
text-align: end;
}
.input-card .mud-input.mud-input-underline:before { border-bottom: none !important; }
.input-card .mud-input.mud-input-underline:before {
border-bottom: none !important;
}
.input-card .mud-input.mud-input-underline:after { border-bottom: none !important; }
.input-card .mud-input.mud-input-underline:after {
border-bottom: none !important;
}
.form-container .customIcon-select .mud-icon-root.mud-svg-icon {
rotate: 90deg !important;
font-size: 1.1rem;
}
.form-container .customIcon-select .mud-input-slot { text-align: end; }
.form-container .customIcon-select .mud-input-slot {
text-align: end;
}
.input-card .mud-input {
width: 100%;
@@ -105,7 +135,7 @@
.container-button {
width: 100%;
background: var(--light-card-background);
background: var(--mud-palette-table-striped);
padding: .5rem 0;
border-radius: 12px;
margin-bottom: 2rem;
@@ -116,7 +146,9 @@
width: unset;
}
.container-button .button-settings { border: none !important; }
.container-button .button-settings {
border: none !important;
}
.container-button .button-settings .mud-icon-root {
border-radius: 6px;
@@ -160,7 +192,9 @@
font-size: 1rem;
}
.container-button .button-settings.exit { padding: 0; }
.container-button .button-settings.exit {
padding: 0;
}
.container-button .button-settings.exit .mud-button-label {
justify-content: center;