Single page: Can we move/align quote block on the left edge with other text

[marko-srb]

This alignment on the left, same as other paragraph elements should work well, as quote has different font, and the vertical line.

CC: @jasmussen

[jasmussen]

Agreed. I'm assuming you are comparing it with this indentation:

Note that this quote style is global, so it is also present in news, but curiously, the extra margin is not present there:

https://wordpress.org/news/2023/09/openverse-wins-the-2023-oeg-open-infrastructure-award/

So this may be a local bug to fix here?

[ryelle]

News is not part of the shared system. That said, this example is & looks like News, so maybe something is going on with Showcase specifically.

Are the only changes the left margin & 1px border? If there are other changes, can you share a figma link so devs can reference it?

[jasmussen]

Oh, thank you for the clarification. I assumed it was inherited as it seems close enough.

That said, I think a solid first step is to just add margin-left: 0; margin-right: 0; to the quote, right now it appears inherited from the browser:

[marko-srb]

Agree with Joen, we can do that as the first step and see if it works...

[ndiego]

That said, I think a solid first step is to just add margin-left: 0; margin-right: 0; to the quote, right now it appears inherited from the browser:

Agree with Joen, we can do that as the first step and see if it works...

@ryelle I believe this can be fixed automatically by setting the Post Content block to "Inner blocks use content width" (i.e. "layout":{"type":"constrained"}). This adds the class is-layout-constrained which knocks out the browser margin.