diff --git a/apps/client/src/widgets/layout/NoteTitleActions.css b/apps/client/src/widgets/layout/NoteTitleActions.css
index 1ec632e86..08426c19a 100644
--- a/apps/client/src/widgets/layout/NoteTitleActions.css
+++ b/apps/client/src/widgets/layout/NoteTitleActions.css
@@ -20,11 +20,15 @@ body.experimental-feature-new-layout {
.badge {
margin: 0;
- a.tn-link {
- color: inherit;
- text-transform: none;
- text-decoration: none;
- display: inline-block;
+ color: inherit;
+ text-transform: none;
+ text-decoration: none;
+ display: inline-block;
+ transition: background-color 250ms ease-in, color 250ms ease-in;
+
+ &:hover {
+ background-color: var(--link-hover-background);
+ color: var(--link-hover-color);
}
}
}
diff --git a/apps/client/src/widgets/layout/NoteTitleActions.tsx b/apps/client/src/widgets/layout/NoteTitleActions.tsx
index db2e1b44e..dd1ed2342 100644
--- a/apps/client/src/widgets/layout/NoteTitleActions.tsx
+++ b/apps/client/src/widgets/layout/NoteTitleActions.tsx
@@ -12,7 +12,7 @@ import { PromotedAttributesContent, usePromotedAttributeData } from "../Promoted
import SimpleBadge from "../react/Badge";
import Collapsible, { ExternallyControlledCollapsible } from "../react/Collapsible";
import { useNoteContext, useNoteLabel, useNoteProperty, useTriliumEvent, useTriliumOptionBool } from "../react/hooks";
-import NoteLink from "../react/NoteLink";
+import NoteLink, { NewNoteLink } from "../react/NoteLink";
import { useEditedNotes } from "../ribbon/EditedNotesTab";
import SearchDefinitionTab from "../ribbon/SearchDefinitionTab";
import NoteTypeSwitcher from "./NoteTypeSwitcher";
@@ -96,14 +96,10 @@ function EditedNotesContent({ note }: { note: FNote }) {
return (editedNotes !== undefined &&
(editedNotes.length > 0 ? editedNotes?.map(editedNote => (
-