Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-08-11 19:13:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

style(next)/formatting toolbar: restyle collapsible dropdown sections

Browse Source
This commit is contained in:
Adorian Doran 2025-05-21 17:43:34 +03:00
parent c771d7479f
commit 8ffe44de8a
1 changed files with 41 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
apps/client/src/stylesheets/theme-next/notes/text.css
View File

@ -73,7 +73,8 @@
} }
/* Dropdown list item */ /* Dropdown list item */
:root ul.ck.ck-list button.ck-button { :root ul.ck.ck-list button.ck-button,
:root .ck.ck-collapsible > button.ck-button {
padding: 2px 16px; padding: 2px 16px;
background: transparent; background: transparent;
border-radius: 6px !important; border-radius: 6px !important;
@ -83,7 +84,9 @@
/* Checked list item */ /* Checked list item */
:root ul.ck.ck-list button.ck-button:hover, :root ul.ck.ck-list button.ck-button:hover,
:root ul.ck.ck-list button.ck-button.ck-on:hover { :root ul.ck.ck-list button.ck-button.ck-on:hover,
:root .ck.ck-collapsible > button.ck-button:not(.ck-disabled):hover,
:root .ck.ck-collapsible > button.ck-button:not(.ck-disabled):not(:focus):hover {
background: var(--hover-item-background-color); background: var(--hover-item-background-color);
color: var(--hover-item-color); color: var(--hover-item-color);
} }
@ -96,6 +99,42 @@
background: var(--menu-item-delimiter-color); background: var(--menu-item-delimiter-color);
} }
/* Collapsible section */
.ck.ck-collapsible {
position: relative;
border: unset !important;
padding-top: var(--ck-editor-popup-padding);
}
.ck.ck-collapsible::before {
/* Adds a background shade which overlaps the dropdown's padding */
--negative-padding: calc(0px - var(--ck-editor-popup-padding));
display: block;
content: "";
position: absolute;
top: 0;
bottom: var(--negative-padding);
left: var(--negative-padding);
right: var(--negative-padding);
border-top: 1px solid var(--ck-color-base-border);
background: rgba(0, 0, 0, .025);
}
.ck.ck-collapsible:last-child::before {
border-radius: 0 0 var(--dropdown-border-radius) var(--dropdown-border-radius);
}
.ck.ck-collapsible.ck-collapsible_collapsed > button.ck-button {
font-weight: normal !important;
}
.ck.ck-collapsible .ck-collapsible__children {
padding-top: 1em;
}
/* Font size dropdown */ /* Font size dropdown */
.ck-fontsize-option { .ck-fontsize-option {