chore(collections/list): style archived notes differently

This commit is contained in:
Elian Doran 2025-11-13 10:35:39 +02:00
parent 4ecb693be5
commit bacbe9f47c
No known key found for this signature in database
3 changed files with 8 additions and 3 deletions

View File

@ -90,7 +90,8 @@ const HIDDEN_ATTRIBUTES = [
"viewType", "viewType",
"geolocation", "geolocation",
"docName", "docName",
"webViewSrc" "webViewSrc",
"archived"
]; ];
async function renderNormalAttributes(note: FNote) { async function renderNormalAttributes(note: FNote) {

View File

@ -16,6 +16,10 @@
flex-grow: 1; flex-grow: 1;
} }
.note-book-card.archived {
opacity: 0.5;
}
.note-book-card:not(.expanded) .note-book-content { .note-book-card:not(.expanded) .note-book-content {
padding: 10px padding: 10px
} }

View File

@ -64,7 +64,7 @@ function ListNoteCard({ note, parentNote, expand, highlightedTokens }: { note: F
return ( return (
<div <div
className={`note-book-card no-tooltip-preview ${isExpanded ? "expanded" : ""}`} className={`note-book-card no-tooltip-preview ${isExpanded ? "expanded" : ""} ${note.isArchived ? "archived" : ""}`}
data-note-id={note.noteId} data-note-id={note.noteId}
> >
<h5 className="note-book-header"> <h5 className="note-book-header">
@ -100,7 +100,7 @@ function GridNoteCard({ note, parentNote, highlightedTokens }: { note: FNote, pa
return ( return (
<div <div
className={`note-book-card no-tooltip-preview block-link`} className={`note-book-card no-tooltip-preview block-link ${note.isArchived ? "archived" : ""}`}
data-href={`#${notePath}`} data-href={`#${notePath}`}
data-note-id={note.noteId} data-note-id={note.noteId}
onClick={(e) => link.goToLink(e)} onClick={(e) => link.goToLink(e)}