disable sidebar toggle in fullscreen mode

This commit is contained in:
2026-05-29 10:46:00 +10:00
parent 4f9292369e
commit 95d899e1b8
2 changed files with 8 additions and 0 deletions

View File

@@ -141,12 +141,14 @@ export default function App(): JSX.Element {
className={`app-layout-toggle-seg${sidebarOpen ? ' active' : ''}`} className={`app-layout-toggle-seg${sidebarOpen ? ' active' : ''}`}
onClick={() => setSidebarOpen((v) => { const next = !v; localStorage.setItem('sidebarOpen', String(next)); return next })} onClick={() => setSidebarOpen((v) => { const next = !v; localStorage.setItem('sidebarOpen', String(next)); return next })}
title={sidebarOpen ? 'Hide file tree' : 'Show file tree'} title={sidebarOpen ? 'Hide file tree' : 'Show file tree'}
disabled={focusMode}
/> />
<div className="app-layout-toggle-seg app-layout-toggle-seg--mid" /> <div className="app-layout-toggle-seg app-layout-toggle-seg--mid" />
<button <button
className={`app-layout-toggle-seg${chatOpen ? ' active' : ''}`} className={`app-layout-toggle-seg${chatOpen ? ' active' : ''}`}
onClick={() => setChatOpen((v) => { const next = !v; localStorage.setItem('chatOpen', String(next)); return next })} onClick={() => setChatOpen((v) => { const next = !v; localStorage.setItem('chatOpen', String(next)); return next })}
title={chatOpen ? 'Hide AI chat' : 'Show AI chat'} title={chatOpen ? 'Hide AI chat' : 'Show AI chat'}
disabled={focusMode}
/> />
</div> </div>
<div className="app-titlebar-icon-group"> <div className="app-titlebar-icon-group">

View File

@@ -128,6 +128,12 @@
border-color: var(--text-muted); border-color: var(--text-muted);
} }
.app-layout-toggle-seg:disabled {
opacity: 0.25;
cursor: default;
pointer-events: none;
}
/* Middle segment: wider, non-interactive, always "on" */ /* Middle segment: wider, non-interactive, always "on" */
.app-layout-toggle-seg--mid { .app-layout-toggle-seg--mid {
width: 22px; width: 22px;