Refactor: centralize grid/editor CSS in app.css

Consolidate shared grid and band-editor styles from CatalogsGrid.razor.css and MassDataGrid.razor.css into app.css for improved maintainability and consistency. Only component-specific min-width rules remain in the respective files. Also includes minor formatting cleanups in app.css.
2026-03-25 17:15:55 +01:00
parent dc74d21426
commit 4ac8e94334
3 changed files with 77 additions and 104 deletions
--- a/DbFirst.BlazorWebApp/Components/CatalogsGrid.razor.css
+++ b/DbFirst.BlazorWebApp/Components/CatalogsGrid.razor.css
@@ -1,49 +1,3 @@
-.action-panel {
-    margin-bottom: 16px;
-}
-.grid-section {
-    margin-top: 12px;
-}
-.catalog-edit-popup {
+.catalog-edit-popup {
    min-width: 720px;
 }
-.band-editor {
-    display: grid;
-    gap: 12px;
-    margin-bottom: 16px;
-}
-.band-controls {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 8px;
-    align-items: center;
-}
-.band-row {
-    display: flex;
-    gap: 8px;
-    align-items: center;
-}
-.band-columns {
-    max-width: 720px;
-}
-.filter-row-cell {
-    display: flex;
-    align-items: center;
-    gap: 4px;
-    flex-wrap: wrap;
-}
-.filter-operator {
-    width: 52px;
-    min-width: 52px;
-    flex: 0 0 52px;
-}
-.filter-value {
-    min-width: 160px;
-    flex: 1 1 160px;
-}
-.loading-container {
-    min-height: 160px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
--- a/DbFirst.BlazorWebApp/Components/MassDataGrid.razor.css
+++ b/DbFirst.BlazorWebApp/Components/MassDataGrid.razor.css
@@ -1,57 +1,3 @@
-.action-panel { 
-    margin-bottom: 16px;
-}
-.grid-section {
-    margin-top: 12px;
-}
-.pager-container {
-    display: flex;
-    justify-content: center;
-    margin-top: 12px;
-    margin-bottom: 16px;
-}
-.page-size-selector {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    flex-wrap: nowrap;
-}
-.page-size-label {
-    white-space: nowrap;
-}
-.page-size-combo {
-    width: 13ch;
-    min-width: 13ch;
-    max-width: 13ch;
-}
-.page-size-combo input {
-    text-align: left;
-}
-.massdata-edit-popup {
+.massdata-edit-popup {
    min-width: 720px;
 }
-.band-editor {
-    display: grid;
-    gap: 12px;
-    margin-bottom: 16px;
-}
-.band-controls {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 8px;
-    align-items: center;
-}
-.band-row {
-    display: flex;
-    gap: 8px;
-    align-items: center;
-}
-.band-columns {
-    max-width: 720px;
-}
-.loading-container {
-    min-height: 160px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}