Fixes CSS spacing and availability issues for breadcrumb, catalog sor…

…t, and result count blocks. (#8391) * Reset margin on result count block * Reset margin for catalog sort block * reset margin and other fixes for breadcrumb block. * Move styles to relevant files
woocommerce · Feb 14, 2023 · 5acac1f · 5acac1f
1 parent 250c683
commit 5acac1f
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 0 deletions.
diff --git a/assets/js/blocks/breadcrumbs/style.scss b/assets/js/blocks/breadcrumbs/style.scss
@@ -1,3 +1,9 @@
 .woocommerce.wc-block-breadcrumbs {
 	font-size: inherit;
 }
+.woocommerce.woocommerce-shop .wc-block-breadcrumbs {
+	.woocommerce-breadcrumb {
+		margin: auto;
+		display: block;
+	}
+}
diff --git a/assets/js/blocks/catalog-sorting/style.scss b/assets/js/blocks/catalog-sorting/style.scss
@@ -7,4 +7,8 @@
 		font-size: inherit;
 		color: inherit;
 	}
+
+	.woocommerce-ordering {
+		margin: auto;
+	}
 }
diff --git a/assets/js/blocks/product-results-count/style.scss b/assets/js/blocks/product-results-count/style.scss
@@ -5,5 +5,8 @@
 	.woocommerce-result-count {
 		float: none;
 		font-size: inherit;
+		// reset for margin
+		margin: auto;
 	}
 }
+