Dev #7
@@ -1051,25 +1051,38 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
|||||||
<div className="flex flex-wrap items-center justify-between gap-2 border-b border-border pb-2">
|
<div className="flex flex-wrap items-center justify-between gap-2 border-b border-border pb-2">
|
||||||
{/* Workspace selector tabs & left sidebar toggle */}
|
{/* Workspace selector tabs & left sidebar toggle */}
|
||||||
<div className="flex flex-wrap items-center gap-1">
|
<div className="flex flex-wrap items-center gap-1">
|
||||||
{subView === 'editor' && (
|
<button
|
||||||
<button
|
type="button"
|
||||||
type="button"
|
disabled={subView !== 'editor'}
|
||||||
onClick={toggleSidebar}
|
onClick={subView === 'editor' ? toggleSidebar : undefined}
|
||||||
className={`hidden sm:inline-flex h-8 w-8 items-center justify-center rounded-btn border transition-colors cursor-pointer ${
|
className={`hidden sm:inline-flex h-8 w-8 items-center justify-center rounded-btn border transition-colors ${
|
||||||
isSidebarCollapsed
|
subView !== 'editor'
|
||||||
? 'bg-panel border-accent text-accent'
|
? 'opacity-35 bg-canvas border-border text-faint cursor-not-allowed pointer-events-none'
|
||||||
: 'bg-canvas border-border text-muted hover:text-main'
|
: isSidebarCollapsed
|
||||||
}`}
|
? 'bg-panel border-accent text-accent cursor-pointer'
|
||||||
title={isSidebarCollapsed ? 'Ordnerleiste einblenden' : 'Ordnerleiste einklappen'}
|
: 'bg-canvas border-border text-muted hover:text-main cursor-pointer'
|
||||||
aria-label={isSidebarCollapsed ? 'Ordnerleiste einblenden' : 'Ordnerleiste einklappen'}
|
}`}
|
||||||
>
|
title={
|
||||||
{isSidebarCollapsed ? (
|
subView !== 'editor'
|
||||||
<PanelLeftOpen className="w-4 h-4" />
|
? 'Ordnerleiste nur im Notizen-Modus verfügbar'
|
||||||
) : (
|
: isSidebarCollapsed
|
||||||
<PanelLeftClose className="w-4 h-4" />
|
? 'Ordnerleiste einblenden'
|
||||||
)}
|
: 'Ordnerleiste einklappen'
|
||||||
</button>
|
}
|
||||||
)}
|
aria-label={
|
||||||
|
subView !== 'editor'
|
||||||
|
? 'Ordnerleiste nur im Notizen-Modus verfügbar'
|
||||||
|
: isSidebarCollapsed
|
||||||
|
? 'Ordnerleiste einblenden'
|
||||||
|
: 'Ordnerleiste einklappen'
|
||||||
|
}
|
||||||
|
>
|
||||||
|
{isSidebarCollapsed ? (
|
||||||
|
<PanelLeftOpen className="w-4 h-4" />
|
||||||
|
) : (
|
||||||
|
<PanelLeftClose className="w-4 h-4" />
|
||||||
|
)}
|
||||||
|
</button>
|
||||||
|
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
@@ -1167,7 +1180,7 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
|||||||
{/* LEFT MASTER SIDEBAR */}
|
{/* LEFT MASTER SIDEBAR */}
|
||||||
<aside
|
<aside
|
||||||
className={`${
|
className={`${
|
||||||
isSidebarCollapsed
|
subView !== 'editor' || isSidebarCollapsed
|
||||||
? 'hidden'
|
? 'hidden'
|
||||||
: mobileShowDetail
|
: mobileShowDetail
|
||||||
? 'hidden lg:flex'
|
? 'hidden lg:flex'
|
||||||
@@ -1382,7 +1395,7 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
|||||||
{/* RIGHT DETAIL AREA (STRICTLY ISOLATED BY KEY) */}
|
{/* RIGHT DETAIL AREA (STRICTLY ISOLATED BY KEY) */}
|
||||||
<main
|
<main
|
||||||
className={`${
|
className={`${
|
||||||
mobileShowDetail ? 'flex' : isSidebarCollapsed ? 'flex' : 'hidden lg:flex'
|
subView !== 'editor' || mobileShowDetail || isSidebarCollapsed ? 'flex' : 'hidden lg:flex'
|
||||||
} flex-1 flex-col min-w-0 h-full overflow-hidden bg-canvas`}
|
} flex-1 flex-col min-w-0 h-full overflow-hidden bg-canvas`}
|
||||||
>
|
>
|
||||||
{subView === 'editor' && selectedDocId ? (
|
{subView === 'editor' && selectedDocId ? (
|
||||||
|
|||||||
Reference in new issue
Block a user