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

style(next)/formatting toolbar: show the focus rectangle only when it is necessary

Browse Source
This commit is contained in:
Adorian Doran 2025-05-22 19:02:30 +03:00
parent 1981a26dd3
commit 66047e3569
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -20,7 +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-focus-ring: 1px solid transparent; /* TODO: Find a solution to keep it visible in an elegant way */ --ck-focus-ring: 1px solid transparent;
--ck-color-focus-border: var(--input-focus-outline-color); --ck-color-focus-border: var(--input-focus-outline-color);
--ck-focus-outer-shadow: none; --ck-focus-outer-shadow: none;
--ck-focus-disabled-outer-shadow: none; --ck-focus-disabled-outer-shadow: none;
@ -54,6 +54,11 @@
opacity: .75; opacity: .75;
} }
/* Focus visible */
.ck.ck-toolbar .ck-button:focus-visible {
--ck-focus-ring: 1px solid var(--input-focus-outline-color);
}
/* /*
* Dropdowns * Dropdowns
*/ */