fix: Hide main nav menu in invoice print

- Added data-mainmenu attribute to TopNavBar component
- Added #woonoow-admin-app [data-mainmenu] to print CSS hide rules
- Now hides: header, nav, mainmenu, submenubar, bottomnav
This commit is contained in:
Dwindi Ramadhana
2026-01-06 21:23:36 +07:00
parent b44c8b767d
commit 984f4e2db4
2 changed files with 2 additions and 1 deletions

View File

@@ -198,7 +198,7 @@ function TopNav({ fullscreen = false }: { fullscreen?: boolean }) {
const navTree = (window as any).WNW_NAV_TREE || [];
return (
<div className={`border-b border-border sticky ${topClass} z-30 bg-background md:bg-background/95 md:backdrop-blur md:supports-[backdrop-filter]:bg-background/60`}>
<div data-mainmenu className={`border-b border-border sticky ${topClass} z-30 bg-background md:bg-background/95 md:backdrop-blur md:supports-[backdrop-filter]:bg-background/60`}>
<div className="px-4 h-12 flex flex-nowrap overflow-auto items-center gap-2">
{navTree.map((item: any) => {
const IconComponent = iconMap[item.icon] || Package;

View File

@@ -163,6 +163,7 @@
/* Hide WooNooW app shell - all nav, header, submenu elements */
#woonoow-admin-app header,
#woonoow-admin-app nav,
#woonoow-admin-app [data-mainmenu],
#woonoow-admin-app [data-submenubar],
#woonoow-admin-app [data-bottomnav],
.woonoow-app-header,