From 19164736ad8c98789580fa35144a8d572f6b3176 Mon Sep 17 00:00:00 2001 From: Frank Tovar Date: Sat, 14 Mar 2026 15:26:28 +0100 Subject: [PATCH] Fix critical editor dialog layout --- src/RolemasterDb.App/Components/Pages/Tables.razor | 7 ++++--- .../Shared/CriticalCellEditorDialog.razor | 2 +- src/RolemasterDb.App/wwwroot/app.css | 14 +++++++++++++- 3 files changed, 18 insertions(+), 5 deletions(-) diff --git a/src/RolemasterDb.App/Components/Pages/Tables.razor b/src/RolemasterDb.App/Components/Pages/Tables.razor index 38b9be5..e22cc8d 100644 --- a/src/RolemasterDb.App/Components/Pages/Tables.razor +++ b/src/RolemasterDb.App/Components/Pages/Tables.razor @@ -321,11 +321,12 @@ return; } - isEditorOpen = true; - isEditorLoading = true; - isEditorSaving = false; editorError = null; + editorModel = null; editingResultId = resultId; + isEditorSaving = false; + isEditorLoading = true; + isEditorOpen = true; try { diff --git a/src/RolemasterDb.App/Components/Shared/CriticalCellEditorDialog.razor b/src/RolemasterDb.App/Components/Shared/CriticalCellEditorDialog.razor index b12d18f..e882202 100644 --- a/src/RolemasterDb.App/Components/Shared/CriticalCellEditorDialog.razor +++ b/src/RolemasterDb.App/Components/Shared/CriticalCellEditorDialog.razor @@ -25,7 +25,7 @@ } else { - +
@if (!string.IsNullOrWhiteSpace(ErrorMessage)) { diff --git a/src/RolemasterDb.App/wwwroot/app.css b/src/RolemasterDb.App/wwwroot/app.css index e17f35f..31f70dc 100644 --- a/src/RolemasterDb.App/wwwroot/app.css +++ b/src/RolemasterDb.App/wwwroot/app.css @@ -630,15 +630,25 @@ textarea { .critical-editor-dialog { width: min(1100px, 100%); - max-height: 100%; + max-height: calc(100vh - 2.5rem); display: flex; flex-direction: column; + min-height: 0; + overflow: hidden; border-radius: 24px; background: rgba(255, 250, 242, 0.98); border: 1px solid rgba(127, 96, 55, 0.18); box-shadow: 0 28px 60px rgba(41, 22, 11, 0.24); } +.critical-editor-form { + display: flex; + flex: 1 1 auto; + min-height: 0; + flex-direction: column; + overflow: hidden; +} + .critical-editor-header, .critical-editor-footer { display: flex; @@ -664,6 +674,8 @@ textarea { } .critical-editor-body { + flex: 1 1 auto; + min-height: 0; overflow: auto; padding: 1rem 1.25rem 1.25rem; display: grid;