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

This commit is contained in:
Adorian Doran 2025-05-22 19:02:30 +03:00
parent 1981a26dd3
commit 66047e3569

View File

@ -20,7 +20,7 @@
--ck-color-button-on-background: transparent;
--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-focus-outer-shadow: none;
--ck-focus-disabled-outer-shadow: none;
@ -54,6 +54,11 @@
opacity: .75;
}
/* Focus visible */
.ck.ck-toolbar .ck-button:focus-visible {
--ck-focus-ring: 1px solid var(--input-focus-outline-color);
}
/*
* Dropdowns
*/