-
Notifications
You must be signed in to change notification settings - Fork 4.3k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[Block Library - Query Loop]: Use gap
for the grid
view
#37711
[Block Library - Query Loop]: Use gap
for the grid
view
#37711
Conversation
@@ -11,32 +11,21 @@ | |||
list-style: none; | |||
padding: 0; | |||
|
|||
li { | |||
clear: both; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This is unrelated, but couldn't find any reason for it being here.. It certainly seems like a leftover or wrong copy/paste 😄
Size Change: -328 B (0%) Total Size: 1.13 MB
ℹ️ View Unchanged
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This works well, and also trims down the code. 👍 Thanks!
-cc @noisysocks |
Yep looks good to backport 👍 |
Fantastic, thanks so much for fixing this up @ntsekouras (and nice approach tidying up the styling via |
Fixes: #37681
Recently @andrewserong introduced React's
memo
inPost Template
block to avoid flickering when switching active block contexts. This added an extrali
element which affected the css rule we had, as @iidastudio explained in the issue:So in this PR, I removed the
margins
and usedgap
to achieve the same effect.Testing instructions
Everything should work as expected properly and no regression should be noticed 😄
In general we need to revisit this adhoc
layout
implementation here and use thelayout
abstraction.