Block Directory: Fix downloadable block item alignment (#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]>
WordPress · Sep 26, 2024 · 4188bbb · 4188bbb
1 parent 7d65e11
commit 4188bbb
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
@@ -56,6 +56,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 {