Fix Sidebar Button Windows

brimdata · Dec 11, 2023 · ef66cb7 · ef66cb7
1 parent 65e1b19
commit ef66cb7
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/apps/zui/src/js/components/TabBar/TabBar.tsx b/apps/zui/src/js/components/TabBar/TabBar.tsx
@@ -30,6 +30,7 @@ const BG = styled.div`
   align-items: center;
   height: 100%;
   grid-area: tabs;
+  gap: 10px;
   -webkit-app-region: drag;
 `
 
@@ -72,13 +73,16 @@ export default function TabBar() {
   useEffect(() => calcWidth(), [rect.width])
   const sidebarCollapsed = !useSelector(Appearance.sidebarIsOpen)
   const rightbarCollapse = !useSelector(Appearance.secondarySidebarIsOpen)
+  const paddingInlineEnd = rightbarCollapse ? 20 : 10
+  const paddingInlineStart = sidebarCollapsed ? 20 : 0
   return (
-    <BG style={{paddingRight: rightbarCollapse ? 20 : 10}}>
+    <BG style={{paddingInlineStart, paddingInlineEnd}}>
       {sidebarCollapsed && global.env.isMac && (
         <TrafficLightBG>
           <SidebarToggleButton />
         </TrafficLightBG>
       )}
+      {sidebarCollapsed && !global.env.isMac && <SidebarToggleButton />}
       <Container ref={ref} onMouseLeave={ctl.onMouseLeave}>
         {ids.map((id: string) => {
           const tabModel = tab(id, lakes, pools, queryIdNameMap, lakeId)

diff --git a/apps/zui/src/plugins/brimcap/packets/menu-item.ts b/apps/zui/src/plugins/brimcap/packets/menu-item.ts
@@ -39,7 +39,6 @@ export function activatePacketsMenuItem() {
   menus.extend(MENU_NAME, (menu: MenuItem[]) => {
     const index = menu.findIndex((item) => item.id == "export-results")
     menu.splice(index, 0, packetsMenuItem)
-    console.log(index, menu)
     return menu
   })
 }