cloudfour.com-patterns icon indicating copy to clipboard operation
cloudfour.com-patterns copied to clipboard

Add ability to limit video width

Open gerardo-rodriguez opened this issue 2 years ago • 2 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 avatar Aug 23 '22 23:08 gerardo-rodriguez

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

tylersticka avatar Sep 12 '22 18:09 tylersticka

@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

gerardo-rodriguez avatar Sep 12 '22 18:09 gerardo-rodriguez

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.

tylersticka avatar Nov 30 '22 19:11 tylersticka