fix(workspace): even shading per level in the to-do groups
MindSift CI & Docker Release / Build, Test in Container & Push (push) Successful in 1m26s
MindSift CI & Docker Release / Build, Test in Container & Push (push) Successful in 1m26s
chore(release): v0.12.1 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
1 parent
acd18abe8a
commit
af6e411c85
4 files changed
+23
-15
No files matched your search
@@ -2370,7 +2370,9 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
||||
</div>
|
||||
</div>
|
||||
) : subView === 'todos' ? (
|
||||
<div className="flex-1 overflow-y-auto p-4 sm:p-6 lg:p-8 bg-canvas">
|
||||
/* Each nesting level lays a light tint of the text colour on top: darker per level in
|
||||
light themes, lighter per level in dark ones */
|
||||
<div className="flex-1 overflow-y-auto p-4 sm:p-6 lg:p-8 bg-editor">
|
||||
<div className="w-full space-y-4">
|
||||
<div className="flex flex-col sm:flex-row sm:items-center justify-between border-b border-border pb-3 gap-2">
|
||||
<div>
|
||||
@@ -2384,7 +2386,7 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
||||
|
||||
<div className="flex flex-wrap items-center gap-2">
|
||||
{/* View Grouping Selector (matching hashtag switcher style) */}
|
||||
<div className="flex items-center bg-canvas border border-border rounded-btn p-0.5 text-[11px]">
|
||||
<div className="flex items-center bg-main/[0.04] border border-border rounded-btn p-0.5 text-[11px]">
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => {
|
||||
@@ -2437,7 +2439,7 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
||||
|
||||
{/* Grouped Folders & To-Dos */}
|
||||
{allRollupTodos.length === 0 ? (
|
||||
<div className="p-8 text-center text-muted text-xs space-y-1 border border-border rounded-card bg-panel">
|
||||
<div className="p-8 text-center text-muted text-xs space-y-1 border border-border rounded-card bg-main/[0.03]">
|
||||
<Sparkles className="w-6 h-6 text-accent mx-auto mb-1" />
|
||||
<p className="font-semibold text-main">Keine To-Dos in Notizen gefunden!</p>
|
||||
<p className="text-faint">
|
||||
@@ -2446,11 +2448,11 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
||||
</div>
|
||||
) : todoGrouping === 'list' ? (
|
||||
/* Flat list of all todos across notes */
|
||||
<div className="border border-border rounded-card bg-panel p-2 space-y-1">
|
||||
<div className="border border-border rounded-card bg-main/[0.03] p-2 space-y-1">
|
||||
{allRollupTodos.map((item) => (
|
||||
<div
|
||||
key={`${item.doc.id}-${item.blockId}`}
|
||||
className="flex items-center justify-between gap-2 p-2 rounded-btn hover:bg-panel-elevated text-xs transition-colors group cursor-pointer"
|
||||
className="flex items-center justify-between gap-2 p-2 rounded-btn hover:bg-main/[0.06] text-xs transition-colors group cursor-pointer"
|
||||
>
|
||||
<div className="flex items-center gap-2 min-w-0 flex-1">
|
||||
<button
|
||||
@@ -2481,7 +2483,7 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
||||
<div className="flex items-center gap-1.5 shrink-0">
|
||||
<span
|
||||
onClick={() => handleJumpToDocBlock(item.doc.id, item.blockId)}
|
||||
className="inline-flex items-center gap-1 text-[11px] px-2 py-0.5 rounded-btn bg-panel-elevated text-muted hover:text-main"
|
||||
className="inline-flex items-center gap-1 text-[11px] px-2 py-0.5 rounded-btn bg-main/[0.06] text-muted hover:text-main"
|
||||
title={item.doc.title}
|
||||
>
|
||||
<span>{item.doc.icon || '📝'}</span>
|
||||
@@ -2520,10 +2522,10 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
||||
return (
|
||||
<div
|
||||
key={folderName}
|
||||
className="border border-border rounded-card bg-panel overflow-hidden"
|
||||
className="border border-border rounded-card bg-main/[0.03] overflow-hidden"
|
||||
>
|
||||
{/* Folder Header */}
|
||||
<div className="p-2 bg-panel border-b border-border flex items-center justify-between">
|
||||
<div className="p-2 border-b border-border flex items-center justify-between">
|
||||
<div
|
||||
onClick={() => {
|
||||
setCollapsedTodoFolders((prev) => {
|
||||
@@ -2550,7 +2552,7 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => setTodoFolderDrilldown(folderName)}
|
||||
className="text-[10px] text-muted hover:text-main px-1.5 py-0.5 rounded-btn hover:bg-panel-elevated cursor-pointer"
|
||||
className="text-[10px] text-muted hover:text-main px-1.5 py-0.5 rounded-btn hover:bg-main/[0.06] cursor-pointer"
|
||||
title="Diesen Ordner isolieren"
|
||||
>
|
||||
Nur diesen Ordner
|
||||
@@ -2566,7 +2568,7 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
||||
return (
|
||||
<div
|
||||
key={doc.id}
|
||||
className="border border-border/60 rounded-btn p-2 bg-panel-elevated/40 space-y-1.5"
|
||||
className="border border-border/60 rounded-btn p-2 bg-main/[0.04] space-y-1.5"
|
||||
>
|
||||
<div className="flex items-center justify-between pb-1 border-b border-border/40">
|
||||
<div
|
||||
@@ -2608,7 +2610,7 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
||||
{docItems.map((item) => (
|
||||
<div
|
||||
key={`${item.doc.id}-${item.blockId}`}
|
||||
className="flex items-center justify-between gap-2 p-1 rounded-btn hover:bg-panel-elevated text-xs transition-colors group cursor-pointer"
|
||||
className="flex items-center justify-between gap-2 p-1 rounded-btn hover:bg-main/[0.06] text-xs transition-colors group cursor-pointer"
|
||||
>
|
||||
<div className="flex items-center gap-2 min-w-0 flex-1">
|
||||
<button
|
||||
|
||||
Reference in new issue
Block a user