From 66050065c5099b79854daa656a182d566f2418c7 Mon Sep 17 00:00:00 2001 From: Frank Steiler Date: Mon, 20 Apr 2026 09:13:28 +0200 Subject: [PATCH] fix(budget): strengthen print area grouping and suppress AppShell scrollbar - Added @media print override on .mainContent in AppShell to suppress the scrollbar that was bleeding into print output (CSS Module class not covered by previous global overflow: visible rule) - Strengthened area row visual grouping in print: 3pt top border, var(--color-border) background tint (visible on paper), semi-bold text Fixes #1320 Co-Authored-By: Claude dev-team-lead (Sonnet 4.6) Co-Authored-By: Claude frontend-developer (Haiku 4.5) --- client/src/components/AppShell/AppShell.module.css | 7 +++++++ .../CostBreakdownTable/CostBreakdownTable.module.css | 5 +++-- 2 files changed, 10 insertions(+), 2 deletions(-) diff --git a/client/src/components/AppShell/AppShell.module.css b/client/src/components/AppShell/AppShell.module.css index f298a9ad5..4b5608d25 100644 --- a/client/src/components/AppShell/AppShell.module.css +++ b/client/src/components/AppShell/AppShell.module.css @@ -83,3 +83,10 @@ transition: none; } } + +@media print { + .mainContent { + overflow: visible !important; + overflow-y: visible !important; + } +} diff --git a/client/src/components/CostBreakdownTable/CostBreakdownTable.module.css b/client/src/components/CostBreakdownTable/CostBreakdownTable.module.css index 09da2b8ea..1fb0e1ccb 100644 --- a/client/src/components/CostBreakdownTable/CostBreakdownTable.module.css +++ b/client/src/components/CostBreakdownTable/CostBreakdownTable.module.css @@ -596,9 +596,10 @@ /* Level 1 (area rows): strong top border + tinted background */ .rowLevel1 td { - border-top: 2pt solid var(--color-border-strong); + border-top: 3pt solid var(--color-border-strong); border-bottom: none; - background-color: var(--color-bg-tertiary) !important; + background-color: var(--color-border) !important; + font-weight: 600; } /* Level 2 (item rows): medium bottom border separating items */