diff --git a/apps/client/src/stylesheets/theme-next/forms.css b/apps/client/src/stylesheets/theme-next/forms.css index abe65e911..6c4799da3 100644 --- a/apps/client/src/stylesheets/theme-next/forms.css +++ b/apps/client/src/stylesheets/theme-next/forms.css @@ -653,7 +653,8 @@ body a.tn-link:focus-visible, } body a.tn-link:hover, -.use-tn-links a:hover { +.use-tn-links a:hover, +.use-tn-links a.ck-widget_selected { box-shadow: 0 0 0 4px var(--link-hover-background); --background: var(--link-hover-background); color: var(--link-hover-color); diff --git a/apps/client/src/stylesheets/theme-next/notes/text.css b/apps/client/src/stylesheets/theme-next/notes/text.css index 82aac0a42..2fe4a00c2 100644 --- a/apps/client/src/stylesheets/theme-next/notes/text.css +++ b/apps/client/src/stylesheets/theme-next/notes/text.css @@ -670,14 +670,26 @@ html .note-detail-editable-text :not(figure, .include-note, hr):first-child { color: var(--main-text-color); } +/* Links */ + +.ck-content a.ck-widget { + outline: none; +} + +.ck-content a.ck-widget.ck-widget_selected, +.ck-content a.ck-link_selected { + outline: 2px solid var(--input-focus-outline-color); + outline-offset: 2px; + background: var(--link-hover-background); +} + /* Reference link */ .ck-content a.reference-link, .ck-content a.reference-link:hover { /* Apply underline only to the span inside the link so it can follow the * target note's user defined color */ - outline: none; - text-decoration: none; + text-decoration: none; } .ck-content a.reference-link > span {