diff --git a/src/public/stylesheets/theme-next/notes/text.css b/src/public/stylesheets/theme-next/notes/text.css index 64c55e6b0..de7cf2ccd 100644 --- a/src/public/stylesheets/theme-next/notes/text.css +++ b/src/public/stylesheets/theme-next/notes/text.css @@ -35,6 +35,8 @@ /* Dropdown body */ :root .ck.ck-dropdown__panel, :root .ck-balloon-panel { + --ck-editor-popup-padding: 4px; + --ck-color-panel-background: var(--menu-background-color); --ck-color-panel-border: var(--ck-editor-popup-border-color); @@ -44,7 +46,7 @@ border-radius: var(--dropdown-border-radius) !important; background: var(--menu-background-color) !important; backdrop-filter: var(--dropdown-backdrop-filter); - padding: 4px; + padding: var(--ck-editor-popup-padding); } :root ul.ck.ck-list, @@ -85,6 +87,14 @@ color: var(--hover-item-color); } +/* Separator */ +:root .ck .ck-list__separator { + margin: .5em 0; + margin-left: calc(0px - var(--ck-editor-popup-padding)); + width: calc(100% + (var(--ck-editor-popup-padding) * 2)); + background: var(--menu-item-delimiter-color); +} + /* Color picker dropdown */ /* Color picker button */