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

style(next)/formatting toolbar: tweak appearance

Browse Source
This commit is contained in:
Adorian Doran 2025-05-22 18:52:18 +03:00
parent 27ddbf8a86
commit 1981a26dd3
1 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -20,9 +20,10 @@
--ck-color-button-on-background: transparent;
--ck-color-button-on-hover-background: var(--hover-item-background-color);
--ck-focus-ring: 1px solid var(--input-focus-outline-color);
--ck-focus-ring: 1px solid transparent; /* TODO: Find a solution to keep it visible in an elegant way */
--ck-color-focus-border: var(--input-focus-outline-color);
--ck-focus-outer-shadow: none;
--ck-focus-disabled-outer-shadow: none;
--ck-border-radius: 6px;
}
@ -40,6 +41,14 @@
--ck-color-button-on-color: currentColor;
}
:root .ck.ck-toolbar .ck-button:not(.ck-disabled):active {
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) {
transform: scale(.8);
}
/* Disabled button */
:root .classic-toolbar-widget .ck.ck-button.ck-disabled {
opacity: .75;