Adam
/
AyCode.Blazor
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

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.
This commit is contained in:
Loretta 2025-12-20 10:20:51 +01:00
parent 15776ca537
commit 057f576375
2 changed files with 25 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
AyCode.Blazor.Components/Components/Grids/MgGridBase.cs
View File

@ -354,9 +354,7 @@ public abstract class MgGridBase<TSignalRDataSource, TDataItem, TId, TLoggerClie
if (!changedEventArgs.CancelStateChangeInvoke && !_isDisposed)
{
//BeginUpdate();
await InvokeAsync(StateHasChanged); //TODO: bezárja a DetailRow-t! pl: az email-nél IsReaded=true update... - J.
//EndUpdate();
await InvokeAsync(StateHasChanged);
}
}
@ -366,7 +364,7 @@ public abstract class MgGridBase<TSignalRDataSource, TDataItem, TId, TLoggerClie
Logger.Debug($"{_gridLogName} OnDataSourceLoaded; Count: {_dataSource?.Count}");
SetGridData(_dataSource!.GetReferenceInnerList());
await InvokeAsync(() => SetGridData(_dataSource!.GetReferenceInnerList()));
if (!_isDisposed)
{

24
AyCode.Blazor.Components/wwwroot/css/mg-grid-info-panel.css
View File

@ -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%;