Block Directory: Fix downloadable block item alignment (WordPress#65677)

* Block Directory: Fix downloadable block item alignment * Add a comment to explain the extra margin Co-authored-by: Marco Ciampini <[email protected]> * Fix indentation --------- Co-authored-by: Marco Ciampini <[email protected]> Co-authored-by: tyxla <[email protected]> Co-authored-by: ciampo <[email protected]>
MaxMood96 · Sep 26, 2024 · 3fd5a61 · 3fd5a61
1 parent b1f07db
commit 3fd5a61
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/packages/block-directory/src/components/downloadable-block-list-item/style.scss b/packages/block-directory/src/components/downloadable-block-list-item/style.scss
@@ -69,6 +69,11 @@
 		align-items: center;
 		justify-content: center;
 	}
+
+	.is-installing & {
+		// Adding an extra 6px to avoid the UI from jumping when the rating bar gets hidden
+		margin-right: $grid-unit-20 + 6px;
+	}
 }
 
 .block-directory-block-ratings {