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

style(next)/formatting toolbar: tweak the floating toolbar show / hide button

Browse Source
This commit is contained in:
Adorian Doran 2025-05-22 20:39:51 +03:00
parent 795897d3b6
commit af5d804593
1 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -10,7 +10,8 @@
* Toolbar * Toolbar
*/ */
.ck.ck-toolbar { .ck.ck-toolbar,
.ck.ck-block-toolbar-button {
--ck-color-toolbar-background: transparent; --ck-color-toolbar-background: transparent;
--ck-color-button-default-background: transparent; --ck-color-button-default-background: transparent;
@ -19,6 +20,7 @@
--ck-color-button-on-background: transparent; --ck-color-button-on-background: transparent;
--ck-color-button-on-hover-background: var(--hover-item-background-color); --ck-color-button-on-hover-background: var(--hover-item-background-color);
--ck-color-button-default-active-background: var(--hover-item-background-color);
--ck-focus-ring: 1px solid transparent; --ck-focus-ring: 1px solid transparent;
--ck-color-focus-border: var(--input-focus-outline-color); --ck-color-focus-border: var(--input-focus-outline-color);
@ -41,11 +43,19 @@
--ck-color-button-on-color: currentColor; --ck-color-button-on-color: currentColor;
} }
:root .ck.ck-toolbar .ck-button:not(.ck-disabled):active { /* The toolbar show / hide button for the current text block */
.ck.ck-block-toolbar-button {
--ck-color-button-on-background: transparent;
--ck-color-button-on-color: currentColor;
}
:root .ck.ck-toolbar .ck-button:not(.ck-disabled):active,
.ck.ck-block-toolbar-button:active {
background-color: var(--hover-item-background-color); background-color: var(--hover-item-background-color);
} }
.ck.ck-toolbar .ck-button:active:not(.ck-list-item-button):not(.ck-button_with-text):not(.ck-disabled) svg:not(.ck-dropdown__arrow) { .ck.ck-toolbar .ck-button:active:not(.ck-list-item-button):not(.ck-button_with-text):not(.ck-disabled) svg:not(.ck-dropdown__arrow),
.ck.ck-block-toolbar-button:active svg {
transform: scale(.8); transform: scale(.8);
} }