style(next): jump to note: restyle the dialog and list items

This commit is contained in:
Adorian Doran 2024-12-17 00:37:06 +02:00
parent 85cf7c0212
commit 99e78aae8c

View File

@ -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
*/