cloudfour/cloudfour.com-patterns

Add ability to limit video width

Closed this issue · 3 comments

When I add a video using the Video block, the video is the full width of the text container, and I don't need it to be full width.

Screen Shot 2022-08-23 at 4 47 30 PM

@gerardo-rodriguez Is this still the case if you choose "center" alignment for the video?

@tylersticka Correct, the video is still much too wide even if I choose "Align center."

Screen Shot 2022-09-12 at 11 57 19 AM

So I've confirmed that the expected alignment options are working as intended:

  • Default: Fills gutters
  • Wide: Expands beyond gutters
  • Center: Only fills content area

If you want to make it narrower than that, you have two options:

  1. Expand the "Advanced" block settings and use classes to adjust. Our sizing utilities seem to work well.
  2. Use a "Custom HTML" block instead.

Unfortunately there aren't any additional size controls for this block, and I think that's outside the scope of this project to add.