root/fusion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(FN-3453): fix tablet layout and viewport regression in reports

Browse Source 
Fixes a tablet layout and viewport regression in the Reports view, updating the corresponding test to cover the corrected behavior.

Fusion-Task-Id: FN-3453
This commit is contained in:
Fusion
2026-05-10 13:29:28 -07:00
committed by gsxdsm
parent 0cdc291f44
commit e8f0d7337a
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
plugins/fusion-plugin-reports/src/dashboard/ReportsView.css
View File

@@ -46,7 +46,7 @@
}
.reports-compare {
width: min(100%, 64rem);
max-height: min(100%, calc(100vh - var(--space-2xl)));
max-height: min(100%, calc(100dvh - var(--space-2xl)));
overflow: auto;
display: flex;
flex-direction: column;
@@ -65,14 +65,18 @@
}
.reports-compare-frames { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-sm); }
@media (max-width: 1024px) {
.reports-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.reports-compare-pickers,
.reports-compare-frames { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 900px) {
.reports-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
.reports-filters { grid-template-columns: minmax(0, 1fr); }
.reports-layout { grid-template-columns: minmax(0, 1fr); }
.reports-compare {
width: min(100%, calc(100vw - var(--space-lg)));
max-height: min(100%, calc(100vh - var(--space-lg)));
max-height: min(100%, calc(100dvh - var(--space-lg)));
}
}