From 6f759320150ec1fe406b017f24c8a389f706d421 Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Fri, 13 Dec 2024 00:10:49 +0200 Subject: [PATCH 01/17] style(next): recent changes list: improve the layout of the list items --- src/public/stylesheets/theme-next/shell.css | 1 + 1 file changed, 1 insertion(+) diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css index 335b479cf..e993787f8 100644 --- a/src/public/stylesheets/theme-next/shell.css +++ b/src/public/stylesheets/theme-next/shell.css @@ -1084,6 +1084,7 @@ body .calendar-dropdown-widget .calendar-body a:hover { } .recent-changes-content ul li { + display: flex; position: relative; color: transparent; /* Hide the "-" character */ padding-top: var(--timeline-item-vertical-margin); From 1410a6cf7a0edc97de1faf654ca36db5dbfea430 Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Fri, 13 Dec 2024 01:19:12 +0200 Subject: [PATCH 02/17] style(next): recent changes list: add a hover effect for items --- src/public/stylesheets/theme-next.css | 3 +- src/public/stylesheets/theme-next/shell.css | 47 ++++++++++++--------- 2 files changed, 28 insertions(+), 22 deletions(-) diff --git a/src/public/stylesheets/theme-next.css b/src/public/stylesheets/theme-next.css index 830886d2d..b51b36825 100644 --- a/src/public/stylesheets/theme-next.css +++ b/src/public/stylesheets/theme-next.css @@ -68,7 +68,8 @@ --timeline-left-gap: 20px; --timeline-right-gap: 20px; - --timeline-item-vertical-margin: 4px; + --timeline-item-top-margin: 4px; + --timeline-item-bottom-margin: 12px; --timeline-bullet-size: 10px; --timeline-bullet-vertical-pos: .75em; --timeline-connector-size: 4px; diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css index e993787f8..0bc6ebe57 100644 --- a/src/public/stylesheets/theme-next/shell.css +++ b/src/public/stylesheets/theme-next/shell.css @@ -1054,17 +1054,13 @@ body .calendar-dropdown-widget .calendar-body a:hover { margin: var(--bs-modal-padding); } -.recent-changes-content > div { - padding-left: var(--timeline-left-gap); -} - /* Date headings */ .recent-changes-content > div > b { position: sticky; display: block; top: 0; background: var(--modal-background-color); - padding: 10px 0; + padding: 10px 0 10px calc(var(--timeline-left-gap) + var(--timeline-right-gap)); font-size: 1.25em; font-weight: 300; z-index: 10; @@ -1077,23 +1073,21 @@ body .calendar-dropdown-widget .calendar-body a:hover { } /* Timeline items */ -.recent-changes-content ul li, -.recent-changes-content > div > b { - margin: 0; - padding-left: var(--timeline-right-gap); -} - .recent-changes-content ul li { display: flex; position: relative; - color: transparent; /* Hide the "-" character */ - padding-top: var(--timeline-item-vertical-margin); - padding-bottom: var(--timeline-item-vertical-margin); + margin: 0; + padding-top: var(--timeline-item-top-margin); + padding-bottom: var(--timeline-item-bottom-margin); + padding-left: calc(var(--timeline-left-gap) + var(--timeline-right-gap)); + padding-right: var(--timeline-left-gap); + color: var(--active-item-text-color); } -.recent-changes-content ul li span { - /* Ensure spans are not transparent */ - color: var(--active-item-text-color); +.recent-changes-content ul li:hover { + border-radius: 8px; + background: var(--hover-item-background-color); + color: var(--hover-item-text-color); } .recent-changes-content ul li .note-path { @@ -1106,7 +1100,7 @@ body .calendar-dropdown-widget .calendar-body a:hover { display: inline-block; min-width: 80px; vertical-align: top; - color: var(--active-item-text-color); + color: var(--muted-text-color); } /* Item title & path container */ @@ -1114,6 +1108,17 @@ body .calendar-dropdown-widget .calendar-body a:hover { display: inline-block; } +/* Item title link */ + +.recent-changes-content ul li a { + color: currentColor +} + +.recent-changes-content ul li a:hover { + text-decoration: underline; +} + + /* Item path */ .recent-changes-content ul li > span:nth-child(2) small { display: block; @@ -1127,7 +1132,7 @@ body .calendar-dropdown-widget .calendar-body a:hover { position: absolute; content: ""; top: var(--connector-top, 0); - left: calc((var(--timeline-bullet-size) - var(--timeline-connector-size)) / 2); + left: calc(var(--timeline-left-gap) + ((var(--timeline-bullet-size) - var(--timeline-connector-size)) / 2)); bottom: var(--connector-bottom, 0); width: var(--timeline-connector-size); border-radius: var(--connector-radius, 0) var(--connector-radius, 0) 0 0; @@ -1154,8 +1159,8 @@ body .calendar-dropdown-widget .calendar-body a:hover { .recent-changes-content ul li::after { position: absolute; content: ""; - top: calc(var(--timeline-item-vertical-margin) + var(--timeline-bullet-vertical-pos)); - left: 0; + top: calc(var(--timeline-item-top-margin) + var(--timeline-bullet-vertical-pos)); + left: var(--timeline-left-gap); width: var(--timeline-bullet-size); height: var(--timeline-bullet-size); border-radius: 50%; From 556baf2782bcd1450469647f8a4427369c4a7eba Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Fri, 13 Dec 2024 01:45:31 +0200 Subject: [PATCH 03/17] style(next): recent changes list: tweak timeline connector on item hover --- src/public/stylesheets/theme-next.css | 2 ++ src/public/stylesheets/theme-next/shell.css | 4 ++++ 2 files changed, 6 insertions(+) diff --git a/src/public/stylesheets/theme-next.css b/src/public/stylesheets/theme-next.css index b51b36825..5a1a9e890 100644 --- a/src/public/stylesheets/theme-next.css +++ b/src/public/stylesheets/theme-next.css @@ -217,6 +217,7 @@ --timeline-bullet-hover-color: black; --timeline-connector-color: #f1f1f1; --timeline-connector-active-color: #ddd; + --timeline-connector-hover-blend-mode: multiply; --tooltip-background-color: rgba(255, 255, 255, 0.85); --tooltip-foreground-color: #000000ba; @@ -361,6 +362,7 @@ --timeline-bullet-hover-color: white; --timeline-connector-color: #464646; --timeline-connector-active-color: #545454; + --timeline-connector-hover-blend-mode: exclusion; --tooltip-background-color: rgba(67, 67, 67, 0.86); --tooltip-foreground-color: #ffffffeb; diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css index 0bc6ebe57..2685e0063 100644 --- a/src/public/stylesheets/theme-next/shell.css +++ b/src/public/stylesheets/theme-next/shell.css @@ -1140,6 +1140,10 @@ body .calendar-dropdown-widget .calendar-body a:hover { transition: background-color 400ms ease-in-out; } +.recent-changes-content ul li:hover:before { + mix-blend-mode: var(--timeline-connector-hover-blend-mode); +} + .recent-changes-content > div:hover { --timeline-connector-color: var(--timeline-connector-active-color); } From aee8749bacd96123458fd689a72937fc74e5917e Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Fri, 13 Dec 2024 01:53:04 +0200 Subject: [PATCH 04/17] client: recent changes list: remove the dash between the time and the note title from markup --- src/public/app/widgets/dialogs/recent_changes.js | 1 - src/public/stylesheets/style.css | 4 ++++ 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/src/public/app/widgets/dialogs/recent_changes.js b/src/public/app/widgets/dialogs/recent_changes.js index 515fdfaa5..9754144f9 100644 --- a/src/public/app/widgets/dialogs/recent_changes.js +++ b/src/public/app/widgets/dialogs/recent_changes.js @@ -125,7 +125,6 @@ export default class RecentChangesDialog extends BasicWidget { .text(formattedTime) .attr("title", change.date) ) - .append(' - ') .append($noteLink)); } diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css index 72a8efcad..f4939f0df 100644 --- a/src/public/stylesheets/style.css +++ b/src/public/stylesheets/style.css @@ -1305,3 +1305,7 @@ body.electron.platform-darwin:not(.native-titlebar) .tab-row-container { margin: 8px 10px; font-size: 18px; } + +.recent-changes-content li > span:first-child::after { + content: " - "; +} From 6e1cfdbb893cff9d51813a7966ff4c18e220f94a Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Fri, 13 Dec 2024 02:11:51 +0200 Subject: [PATCH 05/17] client: recent changes list: make the whole item clickable, not just the note title --- src/public/app/widgets/dialogs/recent_changes.js | 6 ++++++ src/public/stylesheets/style.css | 10 ++++++++++ 2 files changed, 16 insertions(+) diff --git a/src/public/app/widgets/dialogs/recent_changes.js b/src/public/app/widgets/dialogs/recent_changes.js index 9754144f9..ff3a2ad61 100644 --- a/src/public/app/widgets/dialogs/recent_changes.js +++ b/src/public/app/widgets/dialogs/recent_changes.js @@ -120,6 +120,12 @@ export default class RecentChangesDialog extends BasicWidget { } $changesList.append($('
  • ') + .on("click", (e) => { + if (e.target?.nodeName !== "A") { // Ignore clicks on the link + // Open the current note + appContext.tabManager.getActiveContext().setNote(change.noteId); + } + }) .append( $("") .text(formattedTime) diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css index f4939f0df..67b057428 100644 --- a/src/public/stylesheets/style.css +++ b/src/public/stylesheets/style.css @@ -1309,3 +1309,13 @@ body.electron.platform-darwin:not(.native-titlebar) .tab-row-container { .recent-changes-content li > span:first-child::after { content: " - "; } + +.recent-changes-content li { + border: 1px solid transparent; +} + +.recent-changes-content li:hover { + border-color: var(--hover-item-border-color); + background: var(--hover-item-background-color); + color: var(--hover-item-text-color); +} \ No newline at end of file From cd30d7dd0faf4536518745e7bf2a28af09e47e89 Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Fri, 13 Dec 2024 02:17:57 +0200 Subject: [PATCH 06/17] style(next): recent changes list: remove the item border --- src/public/stylesheets/theme-next/shell.css | 1 + 1 file changed, 1 insertion(+) diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css index 2685e0063..74f569364 100644 --- a/src/public/stylesheets/theme-next/shell.css +++ b/src/public/stylesheets/theme-next/shell.css @@ -1077,6 +1077,7 @@ body .calendar-dropdown-widget .calendar-body a:hover { display: flex; position: relative; margin: 0; + border: unset; padding-top: var(--timeline-item-top-margin); padding-bottom: var(--timeline-item-bottom-margin); padding-left: calc(var(--timeline-left-gap) + var(--timeline-right-gap)); From fff0c5cea0de1c254861fca7198b132dffe0755b Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Fri, 13 Dec 2024 02:31:52 +0200 Subject: [PATCH 07/17] style(next): recent changes list: make the "undelete" links look again like a link --- src/public/stylesheets/theme-next/shell.css | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css index 74f569364..ea375d562 100644 --- a/src/public/stylesheets/theme-next/shell.css +++ b/src/public/stylesheets/theme-next/shell.css @@ -1111,11 +1111,13 @@ body .calendar-dropdown-widget .calendar-body a:hover { /* Item title link */ -.recent-changes-content ul li a { - color: currentColor +/* Note: Links with the "href" attribute starting with "javascript:" are not meant to be note + titles, but action links such as "undelete". */ +.recent-changes-content ul li a:not([href^="javascript:"]) { + color: currentColor; } -.recent-changes-content ul li a:hover { +.recent-changes-content ul li a:not([href^="javascript:"]):hover { text-decoration: underline; } From 58c03062245664235a6d00fed2aed5977fb3e7b2 Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Fri, 13 Dec 2024 02:36:29 +0200 Subject: [PATCH 08/17] style(next): recent changes list: tweak items --- src/public/stylesheets/theme-next.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/public/stylesheets/theme-next.css b/src/public/stylesheets/theme-next.css index 5a1a9e890..57d60f296 100644 --- a/src/public/stylesheets/theme-next.css +++ b/src/public/stylesheets/theme-next.css @@ -69,7 +69,7 @@ --timeline-left-gap: 20px; --timeline-right-gap: 20px; --timeline-item-top-margin: 4px; - --timeline-item-bottom-margin: 12px; + --timeline-item-bottom-margin: 8px; --timeline-bullet-size: 10px; --timeline-bullet-vertical-pos: .75em; --timeline-connector-size: 4px; From 0417a6e144f441e136d3598b76cdda54cb3a48bd Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Fri, 13 Dec 2024 02:41:52 +0200 Subject: [PATCH 09/17] style(next): recent changes list: rename CSS variables --- src/public/stylesheets/theme-next.css | 4 ++-- src/public/stylesheets/theme-next/shell.css | 6 +++--- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/src/public/stylesheets/theme-next.css b/src/public/stylesheets/theme-next.css index 57d60f296..b2ede748e 100644 --- a/src/public/stylesheets/theme-next.css +++ b/src/public/stylesheets/theme-next.css @@ -68,8 +68,8 @@ --timeline-left-gap: 20px; --timeline-right-gap: 20px; - --timeline-item-top-margin: 4px; - --timeline-item-bottom-margin: 8px; + --timeline-item-top-padding: 4px; + --timeline-item-bottom-padding: 8px; --timeline-bullet-size: 10px; --timeline-bullet-vertical-pos: .75em; --timeline-connector-size: 4px; diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css index ea375d562..d12a13387 100644 --- a/src/public/stylesheets/theme-next/shell.css +++ b/src/public/stylesheets/theme-next/shell.css @@ -1078,8 +1078,8 @@ body .calendar-dropdown-widget .calendar-body a:hover { position: relative; margin: 0; border: unset; - padding-top: var(--timeline-item-top-margin); - padding-bottom: var(--timeline-item-bottom-margin); + padding-top: var(--timeline-item-top-padding); + padding-bottom: var(--timeline-item-bottom-padding); padding-left: calc(var(--timeline-left-gap) + var(--timeline-right-gap)); padding-right: var(--timeline-left-gap); color: var(--active-item-text-color); @@ -1166,7 +1166,7 @@ body .calendar-dropdown-widget .calendar-body a:hover { .recent-changes-content ul li::after { position: absolute; content: ""; - top: calc(var(--timeline-item-top-margin) + var(--timeline-bullet-vertical-pos)); + top: calc(var(--timeline-item-top-padding) + var(--timeline-bullet-vertical-pos)); left: var(--timeline-left-gap); width: var(--timeline-bullet-size); height: var(--timeline-bullet-size); From 5caf4c24617286ea56d9876701401c5ec86b4fa8 Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Fri, 13 Dec 2024 02:48:33 +0200 Subject: [PATCH 10/17] client: recent changes list: properly handle clicks on items referencing deleted notes --- src/public/app/widgets/dialogs/recent_changes.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/public/app/widgets/dialogs/recent_changes.js b/src/public/app/widgets/dialogs/recent_changes.js index ff3a2ad61..bbcfce2f1 100644 --- a/src/public/app/widgets/dialogs/recent_changes.js +++ b/src/public/app/widgets/dialogs/recent_changes.js @@ -121,7 +121,8 @@ export default class RecentChangesDialog extends BasicWidget { $changesList.append($('
  • ') .on("click", (e) => { - if (e.target?.nodeName !== "A") { // Ignore clicks on the link + // Skip clicks on the link or deleted notes + if (e.target?.nodeName !== "A" && !change.current_isDeleted) { // Open the current note appContext.tabManager.getActiveContext().setNote(change.noteId); } From 5d4dd8bc0a675228e8cf860453b2ee8e4ac788fc Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Fri, 13 Dec 2024 02:59:04 +0200 Subject: [PATCH 11/17] client: recent changes list: make possible to use a distinct style for items referencing deleted notes --- src/public/app/widgets/dialogs/recent_changes.js | 3 +++ src/public/stylesheets/style.css | 2 +- 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/src/public/app/widgets/dialogs/recent_changes.js b/src/public/app/widgets/dialogs/recent_changes.js index bbcfce2f1..9695c1773 100644 --- a/src/public/app/widgets/dialogs/recent_changes.js +++ b/src/public/app/widgets/dialogs/recent_changes.js @@ -127,6 +127,9 @@ export default class RecentChangesDialog extends BasicWidget { appContext.tabManager.getActiveContext().setNote(change.noteId); } }) + .addClass(() => { + if (change.current_isDeleted) return "deleted-note"; + }) .append( $("") .text(formattedTime) diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css index 67b057428..f1f42dc07 100644 --- a/src/public/stylesheets/style.css +++ b/src/public/stylesheets/style.css @@ -1314,7 +1314,7 @@ body.electron.platform-darwin:not(.native-titlebar) .tab-row-container { border: 1px solid transparent; } -.recent-changes-content li:hover { +.recent-changes-content li:not(.deleted-note):hover { border-color: var(--hover-item-border-color); background: var(--hover-item-background-color); color: var(--hover-item-text-color); From b41dab090f931138d0d923b53ad81dc2446542d0 Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Fri, 13 Dec 2024 03:03:50 +0200 Subject: [PATCH 12/17] style(next): recent changes list: disable the item hover effect on deleted notes --- src/public/stylesheets/theme-next/shell.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css index d12a13387..84a88a6a3 100644 --- a/src/public/stylesheets/theme-next/shell.css +++ b/src/public/stylesheets/theme-next/shell.css @@ -1085,7 +1085,7 @@ body .calendar-dropdown-widget .calendar-body a:hover { color: var(--active-item-text-color); } -.recent-changes-content ul li:hover { +.recent-changes-content ul li:not(.deleted-note):hover { border-radius: 8px; background: var(--hover-item-background-color); color: var(--hover-item-text-color); From 0b266393b523e618859f0ebf70b5ae6301e7b815 Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Fri, 13 Dec 2024 03:11:23 +0200 Subject: [PATCH 13/17] client: recent changes list: make possible to use a distinct style for the title of deleted notes --- src/public/app/widgets/dialogs/recent_changes.js | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/src/public/app/widgets/dialogs/recent_changes.js b/src/public/app/widgets/dialogs/recent_changes.js index 9695c1773..3e4c3bf91 100644 --- a/src/public/app/widgets/dialogs/recent_changes.js +++ b/src/public/app/widgets/dialogs/recent_changes.js @@ -81,7 +81,12 @@ export default class RecentChangesDialog extends BasicWidget { let $noteLink; if (change.current_isDeleted) { - $noteLink = $("").text(change.current_title); + $noteLink = $(""); + + $noteLink.append($("") + .addClass("note-title") + .text(change.current_title) + ); if (change.canBeUndeleted) { const $undeleteLink = $(``) From 04e96eefe43df719dd2da603f7c671d45c4fcaa1 Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Fri, 13 Dec 2024 03:16:36 +0200 Subject: [PATCH 14/17] style(next): recent changes list: use a strikethrough text for deleted notes --- src/public/stylesheets/theme-next/shell.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css index 84a88a6a3..087cff492 100644 --- a/src/public/stylesheets/theme-next/shell.css +++ b/src/public/stylesheets/theme-next/shell.css @@ -1121,6 +1121,11 @@ body .calendar-dropdown-widget .calendar-body a:hover { text-decoration: underline; } +/* Item title for deleted notes */ +.recent-changes-content ul li.deleted-note .note-title { + text-decoration: line-through; +} + /* Item path */ .recent-changes-content ul li > span:nth-child(2) small { From 7be83f78c23c50a075f9678db329deeb1b880602 Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Fri, 13 Dec 2024 03:19:27 +0200 Subject: [PATCH 15/17] style(next): recent changes list: remove the dash between time and note title --- src/public/stylesheets/theme-next/shell.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css index 087cff492..833de38da 100644 --- a/src/public/stylesheets/theme-next/shell.css +++ b/src/public/stylesheets/theme-next/shell.css @@ -1085,6 +1085,12 @@ body .calendar-dropdown-widget .calendar-body a:hover { color: var(--active-item-text-color); } +.recent-changes-content li > span:first-child::after { + /* Remove the dash between time and note title */ + content: "" !important; +} + + .recent-changes-content ul li:not(.deleted-note):hover { border-radius: 8px; background: var(--hover-item-background-color); From 008e3a4dd8f450933fd8d28b2b4b9398a0b6f60e Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Fri, 13 Dec 2024 03:21:32 +0200 Subject: [PATCH 16/17] client: recent changes list: make possible to use a distinct style for note titles --- src/public/app/widgets/dialogs/recent_changes.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/public/app/widgets/dialogs/recent_changes.js b/src/public/app/widgets/dialogs/recent_changes.js index 3e4c3bf91..17a512fad 100644 --- a/src/public/app/widgets/dialogs/recent_changes.js +++ b/src/public/app/widgets/dialogs/recent_changes.js @@ -140,7 +140,7 @@ export default class RecentChangesDialog extends BasicWidget { .text(formattedTime) .attr("title", change.date) ) - .append($noteLink)); + .append($noteLink.addClass("note-title"))); } this.$content.append(dayEl); From a8a82e74252b05c0a0b4c27882c86b70edeceee4 Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Fri, 13 Dec 2024 03:24:21 +0200 Subject: [PATCH 17/17] style(next): recent changes list: optimize --- src/public/stylesheets/theme-next/shell.css | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css index 833de38da..a9e6851ae 100644 --- a/src/public/stylesheets/theme-next/shell.css +++ b/src/public/stylesheets/theme-next/shell.css @@ -1117,13 +1117,11 @@ body .calendar-dropdown-widget .calendar-body a:hover { /* Item title link */ -/* Note: Links with the "href" attribute starting with "javascript:" are not meant to be note - titles, but action links such as "undelete". */ -.recent-changes-content ul li a:not([href^="javascript:"]) { +.recent-changes-content ul li .note-title a { color: currentColor; } -.recent-changes-content ul li a:not([href^="javascript:"]):hover { +.recent-changes-content ul li .note-title a:hover { text-decoration: underline; }