bvandeusen/FabledScribe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 50 Wiki Activity

style(workspace-notes): unify editor chrome, distinguish rail

Browse Source 
- Drop border-bottom lines between header / title / tags / toolbar
  so they read as one continuous input surface.
- Add a single border-top above the editor body so the body's
  existing boundary stays clear.
- Notes rail gets --color-bg-card so it no longer visually merges
  with the tasks panel (both previously shared --color-surface).
  Dropped the rail's border-right since the tint now carries the
  division from the editor pane.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
Bryan Van Deusen
2026-04-22 13:30:17 -04:00
parent f75c40b417
commit 19e1ca505d
1 changed files with 2 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/WorkspaceNoteEditor.vue
+2 -7
View File
@@ -462,7 +462,7 @@ defineExpose({ reload: loadProjectNotes });
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: hidden; overflow: hidden;
border-right: 1px solid var(--color-border); background: var(--color-bg-card, var(--color-bg-secondary));
} }
.rail-header { .rail-header {
@@ -715,7 +715,6 @@ defineExpose({ reload: loadProjectNotes });
display: flex; display: flex;
align-items: center; align-items: center;
padding: 0.5rem 0.75rem; padding: 0.5rem 0.75rem;
border-bottom: 1px solid var(--color-border);
flex-shrink: 0; flex-shrink: 0;
gap: 0.5rem; gap: 0.5rem;
} }
@@ -743,7 +742,6 @@ defineExpose({ reload: loadProjectNotes });
.note-title-row { .note-title-row {
padding: 0.5rem 0.75rem; padding: 0.5rem 0.75rem;
border-bottom: 1px solid var(--color-border);
flex-shrink: 0; flex-shrink: 0;
} }
@@ -763,7 +761,6 @@ defineExpose({ reload: loadProjectNotes });
align-items: flex-start; align-items: flex-start;
gap: 0.4rem; gap: 0.4rem;
padding: 0.4rem 0.6rem; padding: 0.4rem 0.6rem;
border-bottom: 1px solid var(--color-border);
flex-shrink: 0; flex-shrink: 0;
} }
.tag-row > :first-child { flex: 1; min-width: 0; } .tag-row > :first-child { flex: 1; min-width: 0; }
@@ -789,7 +786,6 @@ defineExpose({ reload: loadProjectNotes });
align-items: center; align-items: center;
gap: 0.3rem; gap: 0.3rem;
padding: 0.35rem 0.6rem; padding: 0.35rem 0.6rem;
border-bottom: 1px solid var(--color-border);
background: color-mix(in srgb, var(--color-primary) 5%, var(--color-surface)); background: color-mix(in srgb, var(--color-primary) 5%, var(--color-surface));
flex-shrink: 0; flex-shrink: 0;
} }
@@ -824,7 +820,6 @@ defineExpose({ reload: loadProjectNotes });
.toolbar-row { .toolbar-row {
padding: 0.3rem 0.6rem; padding: 0.3rem 0.6rem;
border-bottom: 1px solid var(--color-border);
flex-shrink: 0; flex-shrink: 0;
} }
@@ -834,7 +829,6 @@ defineExpose({ reload: loadProjectNotes });
flex-wrap: wrap; flex-wrap: wrap;
gap: 0.25rem; gap: 0.25rem;
padding: 0.3rem 0.6rem; padding: 0.3rem 0.6rem;
border-bottom: 1px solid var(--color-border);
background: color-mix(in srgb, var(--color-primary) 5%, var(--color-surface)); background: color-mix(in srgb, var(--color-primary) 5%, var(--color-surface));
flex-shrink: 0; flex-shrink: 0;
} }
@@ -877,5 +871,6 @@ defineExpose({ reload: loadProjectNotes });
flex: 1; flex: 1;
overflow-y: auto; overflow-y: auto;
padding: 0.5rem 0.6rem; padding: 0.5rem 0.6rem;
border-top: 1px solid var(--color-border);
} }
</style> </style>