From 3fd5a61ecd2405580f70881d575bb8261944cde7 Mon Sep 17 00:00:00 2001 From: Marin Atanasov <8436925+tyxla@users.noreply.github.com> Date: Thu, 26 Sep 2024 18:35:28 +0300 Subject: [PATCH] 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 * Fix indentation --------- Co-authored-by: Marco Ciampini Co-authored-by: tyxla Co-authored-by: ciampo --- .../src/components/downloadable-block-list-item/style.scss | 5 +++++ 1 file changed, 5 insertions(+) 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 index fa5e5906cb1b9..6fce5e1b5b32a 100644 --- 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 {