From 5449d033bf9594483990024e84ebeb5a84e05d8a Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Tue, 16 Dec 2025 15:05:33 +0200
Subject: [PATCH] feat(breadcrumb): indicate archived in separator menu

---
 apps/client/src/widgets/layout/Breadcrumb.css | 6 +++---
 apps/client/src/widgets/layout/Breadcrumb.tsx | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/client/src/widgets/layout/Breadcrumb.css b/apps/client/src/widgets/layout/Breadcrumb.css
index 494483e0d..76d5095c0 100644
--- a/apps/client/src/widgets/layout/Breadcrumb.css
+++ b/apps/client/src/widgets/layout/Breadcrumb.css
@@ -21,10 +21,10 @@
         &:hover {
             color: var(--custom-color, inherit);
         }
+    }
 
-        &.archived {
-            opacity: 0.6;
-        }
+    .archived {
+        opacity: 0.6;
     }
 
     > span,
diff --git a/apps/client/src/widgets/layout/Breadcrumb.tsx b/apps/client/src/widgets/layout/Breadcrumb.tsx
index c4e51b512..aa7e484dc 100644
--- a/apps/client/src/widgets/layout/Breadcrumb.tsx
+++ b/apps/client/src/widgets/layout/Breadcrumb.tsx
@@ -199,7 +199,7 @@ function BreadcrumbSeparatorDropdownContent({ notePath, noteContext, activeNoteP
                 return <li key={note.noteId}>
                     <FormListItem
                         icon={note.getIcon()}
-                        className={note.getColorClass()}
+                        className={clsx(note.getColorClass(), note.isArchived && "archived")}
                         onClick={() => noteContext?.setNote(childNotePath)}
                     >
                         {childNotePath !== activeNotePath