Add padding for template dropdown

WordPress · Dec 7, 2023 · c126e9c · c126e9c
1 parent 877718a
commit c126e9c
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 10 deletions.
diff --git a/packages/base-styles/_z-index.scss b/packages/base-styles/_z-index.scss
@@ -156,9 +156,6 @@ $z-layers: (
 	// Show tooltips above NUX tips, wp-admin menus, submenus, and sidebar:
 	".components-tooltip": 1000002,
 
-	// Keep template popover underneath 'Create custom template' modal overlay.
-	".edit-post-post-template__dialog": 99999,
-
 	// Make sure corner handles are above side handles for ResizableBox component
 	".components-resizable-box__handle": 2,
 	".components-resizable-box__side-handle": 2,

diff --git a/packages/editor/src/components/post-template/classic-theme.js b/packages/editor/src/components/post-template/classic-theme.js
@@ -119,7 +119,7 @@ function PostTemplateDropdownContent( { onClose } ) {
 	const [ isCreateModalOpen, setIsCreateModalOpen ] = useState( false );
 
 	return (
-		<div className="edit-post-post-template__form">
+		<div className="editor-post-template__classic-theme-dropdown">
 			<InspectorPopoverHeader
 				title={ __( 'Template' ) }
 				help={ __(
@@ -139,11 +139,7 @@ function PostTemplateDropdownContent( { onClose } ) {
 				onClose={ onClose }
 			/>
 			{ ! allowSwitchingTemplate ? (
-				<Notice
-					className="edit-post-post-template__notice"
-					status="warning"
-					isDismissible={ false }
-				>
+				<Notice status="warning" isDismissible={ false }>
 					{ __( 'The posts page template cannot be changed.' ) }
 				</Notice>
 			) : (
@@ -203,7 +199,6 @@ function ClassicThemeControl() {
 	return (
 		<Dropdown
 			popoverProps={ POPOVER_PROPS }
-			contentClassName="edit-post-post-template__dialog"
 			focusOnMount
 			renderToggle={ ( { isOpen, onToggle } ) => (
 				<PostTemplateToggle isOpen={ isOpen } onClick={ onToggle } />

diff --git a/packages/editor/src/components/post-template/style.scss b/packages/editor/src/components/post-template/style.scss
@@ -46,3 +46,7 @@
 		width: $grid-unit * 40;
 	}
 }
+
+.editor-post-template__classic-theme-dropdown {
+	padding: $grid-unit-10;
+}