mirror of
https://github.com/TriliumNext/Notes.git
synced 2025-07-29 11:02:28 +08:00
style(next)/formatting toolbar: tweak appearance
This commit is contained in:
parent
27ddbf8a86
commit
1981a26dd3
@ -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;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user