Minor style tweaks, add back class

WordPress · May 20, 2024 · acfb0d8 · acfb0d8
1 parent 216e724
commit acfb0d8
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 9 deletions.
diff --git a/...ages/block-editor/src/components/inserter/block-patterns-tab/pattern-category-previews.js b/...ages/block-editor/src/components/inserter/block-patterns-tab/pattern-category-previews.js
@@ -145,7 +145,12 @@ export function PatternCategoryPreviews( {
 						label={ __( 'Back' ) }
 					/>
 					<FlexBlock>
-						<Heading level={ 4 } as="div">
+						<Heading
+							className="block-editor-inserter__patterns-category-panel-title"
+							size={ 13 }
+							level={ 4 }
+							as="div"
+						>
 							{ category.label }
 						</Heading>
 					</FlexBlock>

diff --git a/packages/block-editor/src/components/inserter/style.scss b/packages/block-editor/src/components/inserter/style.scss
@@ -106,7 +106,7 @@ $block-inserter-tabs-height: 44px;
 }
 
 .block-editor-inserter__search {
-	padding: $grid-unit-20 $grid-unit-20 0 $grid-unit-20;
+	padding: $grid-unit-20;
 }
 
 .block-editor-inserter__tabs {
@@ -148,7 +148,7 @@ $block-inserter-tabs-height: 44px;
 .block-editor-inserter__panel-header {
 	display: inline-flex;
 	align-items: center;
-	padding: $grid-unit-20 $grid-unit-20 0;
+	padding: $grid-unit-10 $grid-unit-20 0;
 }
 
 .block-editor-inserter__panel-content {
@@ -317,14 +317,14 @@ $block-inserter-tabs-height: 44px;
 .block-editor-inserter__category-panel {
 	height: 100%;
 	width: 100%;
-	padding: 0 $grid-unit-20;
 	display: flex;
 	flex-direction: column;
 }
 
 .block-editor-inserter__patterns-category-panel-header {
-	padding: 16px $grid-unit-30;
+	padding: 0 $grid-unit-10;
 }
+
 .block-editor-inserter__patterns-category-no-results {
 	margin-top: $grid-unit-30;
 }
@@ -334,7 +334,7 @@ $block-inserter-tabs-height: 44px;
 	overflow-y: auto;
 	flex-grow: 1;
 	height: 100%;
-	padding: $grid-unit-20 $grid-unit-30;
+	// padding: $grid-unit-20 $grid-unit-30;
 }
 
 .block-editor-inserter__preview-content {
@@ -495,8 +495,9 @@ $block-inserter-tabs-height: 44px;
 	}
 }
 
-.block-editor-inserter__patterns-category-panel-title {
-	font-size: calc(1.25 * 13px);
+.components-heading.block-editor-inserter__patterns-category-panel-title {
+	// font-size: 15px;
+	font-weight: 500;
 }
 
 .block-editor-inserter__patterns-explore-button,
@@ -625,7 +626,7 @@ $block-inserter-tabs-height: 44px;
 
 
 .block-editor-inserter__mobile-tab-navigation {
-	padding: 0;
+	padding: 0 $grid-unit-10;
 	height: 100%;
 
 	> * {