From ca9a52d1c425954baba4d7072f43a4e6dd348242 Mon Sep 17 00:00:00 2001 From: Aleksander Nowodzinski Date: Mon, 26 Aug 2024 14:52:55 +0200 Subject: [PATCH] Dropdown menus should render using unified paddings for categories and items. --- .../dropdown/menu/dropdownmenubutton.css | 14 ++++++++++---- 1 file changed, 10 insertions(+), 4 deletions(-) diff --git a/packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/dropdown/menu/dropdownmenubutton.css b/packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/dropdown/menu/dropdownmenubutton.css index 6017332e870..2d33f459c8c 100644 --- a/packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/dropdown/menu/dropdownmenubutton.css +++ b/packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/dropdown/menu/dropdownmenubutton.css @@ -8,11 +8,11 @@ @import "@ckeditor/ckeditor5-ui/theme/mixins/_dir.css"; /* -* All menu buttons. -*/ -.ck.ck-dropdown-menu-list__nested-menu__button { + * All menu buttons. + */ +.ck.ck-button.ck-dropdown-menu-list__nested-menu__button { width: 100%; - padding: var(--ck-list-button-padding); + padding: var(--ck-spacing-tiny) calc(2 * var(--ck-spacing-standard)); border-radius: 0; &:focus { @@ -44,10 +44,16 @@ @mixin ck-dir ltr { transform: rotate(-90deg); + + /* Nudge the arrow gently to the right because its center of gravity is to the left */ + margin-right: calc(-1 * var(--ck-spacing-small)); } @mixin ck-dir rtl { transform: rotate(90deg); + + /* Nudge the arrow gently to the left because its center of gravity is to the right (after rotation). */ + margin-left: calc(-1 * var(--ck-spacing-small)); } }