style(next)/formatting toolbar: tweak layout

This commit is contained in:
Adorian Doran 2025-05-22 22:30:53 +03:00
parent af5d804593
commit a8738fd174

View File

@ -90,12 +90,30 @@
padding: var(--ck-editor-popup-padding);
}
:root .ck.ck-dropdown__panel {
--ck-editor-popup-padding: var(--menu-padding-size);
}
/* Dropdown panel containing a toolbar */
:root .ck.ck-dropdown__panel:has(>.ck-toolbar) {
--ck-editor-popup-padding: calc(var(--menu-padding-size) - var(--ck-spacing-small));
}
/* Bulleted / number list toolbar */
.ck-list-styles-list {
--ck-spacing-large: var(--ck-spacing-small);
}
:root ul.ck.ck-list,
:root div.ck.ck-balloon-panel:not(.ck-tooltip) {
border: none;
background: transparent;
}
:root .ck.ck-list {
padding: 0;
}
/* Tooltip */
:root div.ck.ck-balloon-panel.ck-tooltip {
--ck-color-panel-background: var(--toast-background); /* Arrow */
@ -128,6 +146,13 @@
color: var(--hover-item-color);
}
/* List item checkmark container */
:root .ck.ck-list-item-button .ck-list-item-button__check-holder {
margin-inline-start: var(--ck-spacing-small);
margin-inline-end: var(--menu-padding-size);
}
/* Separator */
:root .ck .ck-list__separator {
margin: .5em 0;