style(next)/formatting toolbar: tweak appearance

This commit is contained in:
Adorian Doran 2025-05-22 18:52:18 +03:00
parent 27ddbf8a86
commit 1981a26dd3

View File

@ -20,9 +20,10 @@
--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 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-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-border-radius: 6px; --ck-border-radius: 6px;
} }
@ -40,6 +41,14 @@
--ck-color-button-on-color: currentColor; --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 */ /* Disabled button */
:root .classic-toolbar-widget .ck.ck-button.ck-disabled { :root .classic-toolbar-widget .ck.ck-button.ck-disabled {
opacity: .75; opacity: .75;