From 1981a26dd3750cbe94ae3e84d9d0c21feb1708ec Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Thu, 22 May 2025 18:52:18 +0300 Subject: [PATCH] style(next)/formatting toolbar: tweak appearance --- apps/client/src/stylesheets/theme-next/notes/text.css | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/apps/client/src/stylesheets/theme-next/notes/text.css b/apps/client/src/stylesheets/theme-next/notes/text.css index 8d98f7fd7..a82a9556c 100644 --- a/apps/client/src/stylesheets/theme-next/notes/text.css +++ b/apps/client/src/stylesheets/theme-next/notes/text.css @@ -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;