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:
@@ -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;
|
||||
|
||||
@@ -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,
|
||||
|
||||
Reference in New Issue
Block a user