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]>
carstingaxion · 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 {