diff --git a/packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/menubar/menubarmenulistitembutton.css b/packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/menubar/menubarmenulistitembutton.css index ee373d37486..546698b9389 100644 --- a/packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/menubar/menubarmenulistitembutton.css +++ b/packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/menubar/menubarmenulistitembutton.css @@ -14,6 +14,18 @@ min-width: var(--ck-menu-bar-menu-item-min-width); } + & > .ck-spinner-container, + & > .ck-spinner-container .ck-spinner { + /* These styles correspond to .ck-icon so that the spinner seamlessly replaces the icon. */ + --ck-toolbar-spinner-size: 20px; + } + + & > .ck-spinner-container { + /* These margins are the same as for .ck-icon. */ + margin-left: calc(-1 * var(--ck-spacing-small)); + margin-right: var(--ck-spacing-small); + } + /* * Hovered items automatically get focused. Default focus styles look odd * while moving across a huge list of items so let's get rid of them diff --git a/packages/ckeditor5-ui/src/menubar/utils.ts b/packages/ckeditor5-ui/src/menubar/utils.ts index b0f508a2562..fa29175be00 100644 --- a/packages/ckeditor5-ui/src/menubar/utils.ts +++ b/packages/ckeditor5-ui/src/menubar/utils.ts @@ -395,6 +395,13 @@ export const MenuBarMenuViewPanelPositioningFunctions: Record