diff --git a/apps/client/src/stylesheets/theme-next/notes/text.css b/apps/client/src/stylesheets/theme-next/notes/text.css index d8c944bcf..759840687 100644 --- a/apps/client/src/stylesheets/theme-next/notes/text.css +++ b/apps/client/src/stylesheets/theme-next/notes/text.css @@ -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;