taler-typescript-core

commit 50e405317e24be3b4ed5bbcc78e64ebc774c7cd1
parent 2b6e590983d6edeb818db47b01d7ace114ca1767
Author: Sebastian <sebasjm@taler-systems.com>
Date:   Mon,  9 Feb 2026 11:52:59 -0300

fix #11005

Diffstat:
M
packages/merchant-backoffice-ui/src/components/menu/NavigationBar.tsx
 | 
11
++++++-----
M
packages/merchant-backoffice-ui/src/components/menu/index.tsx
 | 
3
+++

2 files changed, 9 insertions(+), 5 deletions(-)
diff --git a/packages/merchant-backoffice-ui/src/components/menu/NavigationBar.tsx b/packages/merchant-backoffice-ui/src/components/menu/NavigationBar.tsx
@@ -26,9 +26,10 @@ import question from "../../assets/question.svg";
 interface Props {
   onMobileMenu: () => void;
   title: string;
+  mobileOpen: boolean;
 }
 
-export function NavigationBar({ onMobileMenu, title }: Props): VNode {
+export function NavigationBar({ mobileOpen, onMobileMenu, title }: Props): VNode {
   return (
     <nav
       class="navbar is-fixed-top"
@@ -36,14 +37,11 @@ export function NavigationBar({ onMobileMenu, title }: Props): VNode {
       aria-label="main navigation"
     >
       <div class="navbar-brand">
-        <span class="navbar-item" style={{ fontSize: 24, fontWeight: 900 }}>
-          {title}
-        </span>
-
         <a
           role="button"
           class="navbar-burger"
           aria-label="menu"
+          style={{marginLeft: 0, display: mobileOpen ? "none" : undefined}}
           aria-expanded="false"
           onClick={(e) => {
             onMobileMenu();
@@ -54,6 +52,9 @@ export function NavigationBar({ onMobileMenu, title }: Props): VNode {
           <span aria-hidden="true" />
           <span aria-hidden="true" />
         </a>
+        <span class="navbar-item" style={{ fontSize: 24, fontWeight: 900 }}>
+          {title}
+        </span>
       </div>
 
       <div class="navbar-menu ">
diff --git a/packages/merchant-backoffice-ui/src/components/menu/index.tsx b/packages/merchant-backoffice-ui/src/components/menu/index.tsx
@@ -161,6 +161,7 @@ export function Menu(_p: MenuProps): VNode {
       >
         <NavigationBar
           onMobileMenu={() => setMobileOpen(!mobileOpen)}
+          mobileOpen={mobileOpen}
           title={titleWithSubtitle}
         />
 
@@ -261,6 +262,7 @@ export function NotConnectedAppMenu({
     >
       <NavigationBar
         onMobileMenu={() => setMobileOpen(!mobileOpen)}
+        mobileOpen={mobileOpen}
         title={title}
       />
       <div
@@ -305,6 +307,7 @@ export function NotYetReadyAppMenu({ title }: NotYetReadyAppMenuProps): VNode {
     >
       <NavigationBar
         onMobileMenu={() => setMobileOpen(!mobileOpen)}
+        mobileOpen={mobileOpen}
         title={title}
       />
       {isLoggedIn && <Sidebar mobile={mobileOpen} />}