From 99e78aae8cb9141ef2c3a2a7554c5cfb7e1660c4 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Tue, 17 Dec 2024 00:37:06 +0200
Subject: [PATCH 1/4] style(next): jump to note: restyle the dialog and list
 items

---
 src/public/stylesheets/theme-next/shell.css | 38 +++++++++++++++++++++
 1 file changed, 38 insertions(+)

diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css
index 27f64292e..a9822cbbb 100644
--- a/src/public/stylesheets/theme-next/shell.css
+++ b/src/public/stylesheets/theme-next/shell.css
@@ -1075,6 +1075,44 @@ body .calendar-dropdown-widget .calendar-body a:hover {
     padding-top: 12px;
 }
 
+/*
+ * Jump to note
+ */
+
+.jump-to-note-dialog .modal-dialog {
+    --modal-background-color: var(--menu-background-color);
+    --bs-modal-header-border-width: 0;
+    --bs-modal-footer-border-width: 0;
+    --bs-modal-footer-gap: 0;
+
+    backdrop-filter: var(--dropdown-backdrop-filter);
+}
+
+.jump-to-note-dialog .modal-content {
+    box-shadow: 0 10px 20px rgba(0, 0, 0, var(--dropdown-shadow-opacity));
+    border: 1px solid var(--dropdown-border-color);
+    padding: 20px;
+    border-radius: 8px;
+}
+
+/* The search input group */
+.jump-to-note-dialog .input-group {
+    margin-right: 20px;
+}
+
+/* List item */
+.jump-to-note-dialog  .aa-suggestions div {
+    border-radius: 6px;
+    padding: 4px 12px;
+    color: var(--menu-text-color);
+}
+
+/* Selected list item */
+.jump-to-note-dialog  .aa-suggestions div.aa-cursor {
+    background: var(--hover-item-background-color);
+    color: var(--hover-item-text-color);
+}
+
 /*
  * Recent changes list
  */

From bc5fde54d56e5a3335d852dc221f6e655d0daecc Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Tue, 17 Dec 2024 01:38:55 +0200
Subject: [PATCH 2/4] style(next): jump to note: improve appearance

---
 src/public/stylesheets/theme-next/shell.css | 57 +++++++++++++++++++--
 1 file changed, 52 insertions(+), 5 deletions(-)

diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css
index a9822cbbb..3e132e06c 100644
--- a/src/public/stylesheets/theme-next/shell.css
+++ b/src/public/stylesheets/theme-next/shell.css
@@ -1091,19 +1091,66 @@ body .calendar-dropdown-widget .calendar-body a:hover {
 .jump-to-note-dialog .modal-content {
     box-shadow: 0 10px 20px rgba(0, 0, 0, var(--dropdown-shadow-opacity));
     border: 1px solid var(--dropdown-border-color);
-    padding: 20px;
+    padding: 32px;
     border-radius: 8px;
 }
 
-/* The search input group */
+.jump-to-note-dialog .modal-header {
+    padding: unset !important;
+}
+
+.jump-to-note-dialog .modal-body {
+    padding: 26px 0 !important;
+}
+
+/* Search box wrapper */
 .jump-to-note-dialog .input-group {
-    margin-right: 20px;
+    margin-right: 16px;
+    background: var(--quick-search-background);
+    border: 2px solid transparent;
+    border-radius: 6px;
+    color: var(--quick-search-color);
+}
+
+.jump-to-note-dialog .input-group:hover {
+    background: var(--quick-search-hover-background);
+}
+
+/* Focused search box */
+.jump-to-note-dialog .input-group:focus-within {
+    border-color: var(--quick-search-focus-border);
+    background: var(--quick-search-focus-background);
+    color: var(--quick-search-focus-color)
+}
+
+/* Search box input */
+.jump-to-note-dialog .input-group input {
+    --bs-border-width: 0;
+
+    box-shadow: unset;
+    background: transparent;
+    color: currentColor;
+}
+
+/* Search box buttons */
+.jump-to-note-dialog .input-group button {
+    --bs-border-width: 0;
+    --accented-background-color: transparent;
+}
+
+.jump-to-note-dialog .input-clearer-button {
+    background: transparent !important;
+}
+
+/* List body */
+.jump-to-note-dialog .jump-to-note-results .aa-suggestions {
+    padding: 0;
 }
 
 /* List item */
-.jump-to-note-dialog  .aa-suggestions div {
+.jump-to-note-dialog .aa-suggestions div {
     border-radius: 6px;
-    padding: 4px 12px;
+    padding: 6px 12px;
     color: var(--menu-text-color);
 }
 

From af8e664b548c584778564951500226158f7a2a7c Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Tue, 17 Dec 2024 02:04:19 +0200
Subject: [PATCH 3/4] style(next): jump to note: tweak the search box buttons

---
 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 3e132e06c..bd9ee1eb7 100644
--- a/src/public/stylesheets/theme-next/shell.css
+++ b/src/public/stylesheets/theme-next/shell.css
@@ -1136,6 +1136,11 @@ body .calendar-dropdown-widget .calendar-body a:hover {
 .jump-to-note-dialog .input-group button {
     --bs-border-width: 0;
     --accented-background-color: transparent;
+    padding: 0 4px;
+}
+
+.jump-to-note-dialog .input-group button:last-child {
+    padding-right: .75em;
 }
 
 .jump-to-note-dialog .input-clearer-button {

From 1859a247ec19a0e5cfc98ab36cbc8da62ffbe371 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Tue, 17 Dec 2024 02:18:21 +0200
Subject: [PATCH 4/4] style(next): jump to note: change the mouse cursor for
 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 bd9ee1eb7..0c7eb25a4 100644
--- a/src/public/stylesheets/theme-next/shell.css
+++ b/src/public/stylesheets/theme-next/shell.css
@@ -1157,6 +1157,7 @@ body .calendar-dropdown-widget .calendar-body a:hover {
     border-radius: 6px;
     padding: 6px 12px;
     color: var(--menu-text-color);
+    cursor: default;
 }
 
 /* Selected list item */