From 4570e80871589cdec5041d79e9bd1a458923ee36 Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Fri, 18 Apr 2025 17:56:04 +0300 Subject: [PATCH] style(next)/restyle CKEditor: restyle horizontal separators --- src/public/stylesheets/theme-next/notes/text.css | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) 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 */