♿ disable sidebar toggle in fullscreen mode
This commit is contained in:
@@ -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">
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user