sandrodach/MindSift
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(workspace): style selected note with panel background and accent border matching task list selection
MindSift CI & Docker Release / Build, Test in Container & Push (push) Successful in 57s
Details

Browse Source
This commit is contained in:
sandrodach committed 2026-10-27 08:47:58 +01:00
1 parent 60fd1c9ae7
commit 5a931e9bb6
1 file changed
+9 -9
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/features/workspace/WorkspaceView.tsx
+9 -9
View File
@@ -208,10 +208,10 @@ const FolderTreeItem: React.FC<FolderTreeItemProps> = ({
onDragStart={(e) => handleDocDragStart(e, d.id)}
onClick={() => onSelectDoc(d.id)}
style={{ paddingLeft: `${(depth + 1) * 12 + 16}px` }}
className={`w-full flex items-center gap-2 pr-2 py-1.5 rounded-btn text-left text-xs cursor-pointer transition-colors ${
className={`w-full flex items-center gap-2 pr-2 py-1.5 rounded-btn text-left text-xs cursor-pointer border transition-colors ${
selectedDocId === d.id && subView === 'editor'
? 'bg-accent text-on-accent font-semibold'
: 'text-main hover:bg-panel-elevated'
? 'bg-panel border-accent text-main font-semibold shadow-xs'
: 'border-transparent text-main hover:bg-panel-elevated'
}`}
>
<span className="shrink-0">{d.icon || '📝'}</span>
@@ -1144,10 +1144,10 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
setSubView('editor');
setMobileShowDetail(true);
}}
className={`w-full flex items-center gap-2 px-2 py-1.5 rounded-btn text-left text-xs cursor-pointer transition-colors ${
className={`w-full flex items-center gap-2 px-2 py-1.5 rounded-btn text-left text-xs cursor-pointer border transition-colors ${
selectedDocId === d.id && subView === 'editor'
? 'bg-accent text-on-accent font-semibold'
: 'text-main hover:bg-panel-elevated'
? 'bg-panel border-accent text-main font-semibold shadow-xs'
: 'border-transparent text-main hover:bg-panel-elevated'
}`}
>
<span>{d.icon || '📝'}</span>
@@ -1216,10 +1216,10 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
setSubView('editor');
setMobileShowDetail(true);
}}
className={`w-full flex items-center gap-2 px-2 py-1.5 rounded-btn text-left text-xs cursor-pointer transition-colors ${
className={`w-full flex items-center gap-2 px-2 py-1.5 rounded-btn text-left text-xs cursor-pointer border transition-colors ${
selectedDocId === d.id && subView === 'editor'
? 'bg-accent text-on-accent font-semibold'
: 'text-main hover:bg-panel-elevated'
? 'bg-panel border-accent text-main font-semibold shadow-xs'
: 'border-transparent text-main hover:bg-panel-elevated'
}`}
>
<span>{d.icon || '📝'}</span>