diff --git a/packages/editor/src/components/post-panel-row/style.scss b/packages/editor/src/components/post-panel-row/style.scss index 22d0cbbb644d8..2ac68d06bd32f 100644 --- a/packages/editor/src/components/post-panel-row/style.scss +++ b/packages/editor/src/components/post-panel-row/style.scss @@ -18,4 +18,13 @@ min-height: $grid-unit-40; display: flex; align-items: center; + + .components-dropdown .components-button { + height: auto; + line-height: inherit; + min-height: 32px; + overflow: hidden; + text-align: left; + white-space: unset; + } } diff --git a/packages/editor/src/components/post-template/block-theme.js b/packages/editor/src/components/post-template/block-theme.js index 031c49872a0ee..9abacc0de3a7f 100644 --- a/packages/editor/src/components/post-template/block-theme.js +++ b/packages/editor/src/components/post-template/block-theme.js @@ -82,7 +82,6 @@ export default function BlockThemeControl( { id } ) { label={ __( 'Template options' ) } text={ decodeEntities( template.title ) } icon={ null } - className="editor-post-template__panel-dropdown" > { ( { onClose } ) => ( <> diff --git a/packages/editor/src/components/post-template/classic-theme.js b/packages/editor/src/components/post-template/classic-theme.js index 2b75c75d194b8..fb8835c720321 100644 --- a/packages/editor/src/components/post-template/classic-theme.js +++ b/packages/editor/src/components/post-template/classic-theme.js @@ -49,7 +49,6 @@ function PostTemplateToggle( { isOpen, onClick } ) { aria-expanded={ isOpen } aria-label={ __( 'Template options' ) } onClick={ onClick } - className="editor-post-template__classic-panel-toggle" > { templateTitle ?? __( 'Default template' ) } @@ -206,7 +205,6 @@ function ClassicThemeControl() { return ( ( diff --git a/packages/editor/src/components/post-template/style.scss b/packages/editor/src/components/post-template/style.scss index 420ba491039ab..c969654a53265 100644 --- a/packages/editor/src/components/post-template/style.scss +++ b/packages/editor/src/components/post-template/style.scss @@ -50,18 +50,3 @@ .editor-post-template__classic-theme-dropdown { padding: $grid-unit-10; } - -.editor-post-template__panel-dropdown, -.editor-post-template__classic-panel-dropdown { - width: 100%; -} - -.editor-post-template__panel-dropdown .components-dropdown-menu__toggle, -.editor-post-template__classic-panel-dropdown .editor-post-template__classic-panel-toggle { - display: block; - max-width: 100%; - overflow: hidden; - text-align: left; - text-overflow: ellipsis; - white-space: nowrap; -}