diff --git a/packages/desktop/src-tauri/Cargo.lock b/packages/desktop/src-tauri/Cargo.lock index 2828f8e9..b087df06 100644 --- a/packages/desktop/src-tauri/Cargo.lock +++ b/packages/desktop/src-tauri/Cargo.lock @@ -2847,7 +2847,7 @@ dependencies = [ [[package]] name = "openchamber-desktop" -version = "1.2.8" +version = "1.2.9" dependencies = [ "anyhow", "axum", diff --git a/packages/ui/src/components/layout/Header.tsx b/packages/ui/src/components/layout/Header.tsx index 698738e0..d0d74b93 100644 --- a/packages/ui/src/components/layout/Header.tsx +++ b/packages/ui/src/components/layout/Header.tsx @@ -310,7 +310,7 @@ export const Header: React.FC = () => { isGitTab && 'border-r', - isChatTab && !isMobile && 'min-w-[165px]' + isChatTab && !isMobile && 'min-w-[165px] max-[1024px]:min-w-0' )} style={{ ...(isActive && isChatTab && isSidebarOpen ? { @@ -319,6 +319,7 @@ export const Header: React.FC = () => { } : {}), ...((isChatTab && !(isDesktopApp && isMacPlatform && isSidebarOpen)) || isGitTab ? { borderColor: 'var(--interactive-border)' } : {}), }} + aria-label={tab.label} aria-selected={isActive} role="tab" > @@ -327,7 +328,7 @@ export const Header: React.FC = () => { ) : ( <> - {tab.label} + {tab.label} )} {} diff --git a/packages/ui/src/index.css b/packages/ui/src/index.css index 19e0d865..99dde492 100644 --- a/packages/ui/src/index.css +++ b/packages/ui/src/index.css @@ -884,6 +884,17 @@ html:not(.dark) .chat-scroll { } } +/* Header tab responsiveness */ +:root:not(.mobile-pointer):not(.vscode-runtime) .header-tab-label { + display: inline; +} + +@media (max-width: 820px) { + :root:not(.mobile-pointer):not(.vscode-runtime) .header-tab-label { + display: none; + } +} + /* Mobile Adaptations - All Devices */ /* Set global device type variables */