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 => ( - - )} + )) : (
{t("edited_notes.no_edited_notes_found")}
diff --git a/apps/client/src/widgets/react/NoteLink.tsx b/apps/client/src/widgets/react/NoteLink.tsx index a415c8b86..7a86be7ef 100644 --- a/apps/client/src/widgets/react/NoteLink.tsx +++ b/apps/client/src/widgets/react/NoteLink.tsx @@ -105,22 +105,17 @@ export function NewNoteLink({ notePath, viewScope, noContextMenu, showNoteIcon, const [ archived ] = useNoteLabelBoolean(note, "archived"); return ( - - - {icon && } - - - {title} - - - + + {icon && <> } + {title} + ); }