Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-08-25 22:12:31 +08:00
Code Issues Packages Projects Releases Wiki Activity

style(next): ckeditor: restyle dropdowns

Browse Source
This commit is contained in:
Adorian Doran 2025-02-05 01:57:09 +02:00
parent b851287100
commit ec3d7bd4cd
1 changed files with 41 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
src/public/stylesheets/theme-next/shell.css
View File

@ -1659,3 +1659,44 @@ body .calendar-dropdown-widget .calendar-body a:hover {
.promoted-attribute-cell div.input-group {
margin: 1px 0;
}
/*
CKEditor's Dropdowns
*/
/* Dropdown body */
:root .ck.ck-dropdown__panel,
:root .ck.ck-balloon-rotator {
box-shadow: 0px 10px 20px rgba(0, 0, 0, var(--dropdown-shadow-opacity));
border: 1px solid var(--dropdown-border-color);
border-radius: var(--dropdown-border-radius);
background: var(--menu-background-color);
backdrop-filter: var(--dropdown-backdrop-filter);
padding: var(--menu-padding-size);
}
:root ul.ck.ck-list,
:root div.ck.ck-balloon-panel {
border: none;
background: transparent;
}
/* Dropdown list item */
:root ul.ck.ck-list button.ck-button {
padding: 2px 16px;
background: transparent;
border: unset;
border-radius: 6px !important;
box-shadow: unset;
}
/* Checked list item */
:root ul.ck.ck-list button.ck-button.ck-on:not(:hover) {
background: transparent !important;
}
:root ul.ck.ck-list button.ck-button:hover,
:root ul.ck.ck-list button.ck-button.ck-on:hover {
background: var(--hover-item-background-color);
color: var(--hover-item-color);
}