From 057f5763752a11bb393b66d398b77bc71e33494e Mon Sep 17 00:00:00 2001 From: Loretta Date: Sat, 20 Dec 2025 10:20:51 +0100 Subject: [PATCH] Improve info panel tables, PDF support, and splash screen Refactor shipping document info panel tables for better appearance and responsiveness using Bootstrap classes and improved CSS. Add PDF.js and custom PDF viewer scripts to enable PDF rendering in the info panel. Update splash screen handling for better Windows compatibility. Expand allowed Bash commands for development. Ensure UI updates in MgGridBase are properly scheduled with InvokeAsync. --- .../Components/Grids/MgGridBase.cs | 6 ++--- .../wwwroot/css/mg-grid-info-panel.css | 24 ++++++++++++++++++- 2 files changed, 25 insertions(+), 5 deletions(-) diff --git a/AyCode.Blazor.Components/Components/Grids/MgGridBase.cs b/AyCode.Blazor.Components/Components/Grids/MgGridBase.cs index 0346231..351d706 100644 --- a/AyCode.Blazor.Components/Components/Grids/MgGridBase.cs +++ b/AyCode.Blazor.Components/Components/Grids/MgGridBase.cs @@ -354,9 +354,7 @@ public abstract class MgGridBase SetGridData(_dataSource!.GetReferenceInnerList())); if (!_isDisposed) { diff --git a/AyCode.Blazor.Components/wwwroot/css/mg-grid-info-panel.css b/AyCode.Blazor.Components/wwwroot/css/mg-grid-info-panel.css index c018dce..d2157e0 100644 --- a/AyCode.Blazor.Components/wwwroot/css/mg-grid-info-panel.css +++ b/AyCode.Blazor.Components/wwwroot/css/mg-grid-info-panel.css @@ -124,9 +124,16 @@ text-align: center; } -/* Tables inside info panel */ +/* ======================================== + Tables inside info panel - Default Base Styling + Auto-responsive table layout that fits container width + Can be overridden with inline styles if needed + ======================================== */ + .mg-info-panel-content table { width: 100%; + max-width: 100%; + table-layout: fixed; border-collapse: collapse; font-size: var(--dxbl-font-size); color: var(--dxbl-text); @@ -139,6 +146,9 @@ border: 1px solid var(--dxbl-border-color); text-align: left; white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + vertical-align: middle; } .mg-info-panel-content table th { @@ -159,6 +169,18 @@ background-color: var(--dxbl-row-hover-bg); } +/* Responsive: make table more compact on smaller screens */ +@media (max-width: 768px) { + .mg-info-panel-content table { + font-size: 0.875rem; + } + + .mg-info-panel-content table th, + .mg-info-panel-content table td { + padding: 0.375rem; + } +} + /* Splitter pane styling */ .mg-grid-with-info-panel { height: 100%;