Release 5.1.0 Summary

Hero Block

  • Ability to set a min-height for desktop hero image (previously only mobile min-height setting was available) See screenshot.

Section Block

  • “Remove Padding (Mobile)” setting – This setting removes the padding-left and padding-right values when there is a section block used inside another section block so that all the elements line up when viewed on mobile
  • Fix for issue where paragraph blocks don’t receive the mobile styling if they have a style applied to them in the style setting on the block itself for desktop (so a paragraph block that “is-style-h4” will receive the tablet styling override, but not the mobile)
  • Fix for issue where using a background color on mobile (‘hide image on mobile’ enabled), the min height does not apply to the mobile background color
  • Addition of separate min-height sliders for desktop, tablet, and mobile (see screenshot)

List Block

  • Ability to center list within section block
  • Fix for issue where Global column-right padding not appearing in the markup when set
  • Fix for issue where Padding/Margin component on Lists doesn’t change based on what is set (Note: Fixed for <ol> only)
  • Ordered list alignment should match that of the unordered list
  • Alignment of bullet/number should be indented so that it lines up with the heading/paragraph and text should not wrap around the number

Separator Block

  • Fix for issue where div containing separator (and any margins set) show even if the separator is hidden on a particular device. When Separator is hidden on mobile, the containing div should now be hidden

Social Link Block

  • Fix for social link spacing when there are 2 rows of social icons. Social icons should not be added as two different blocks – wrapping margins should be fixed

Versions Block

  • Fix for adding nested blocks (CTA and others) directly into the Versions block

Global Settings

  • Addition of Spanish to the site language dropdown, for setup of dual-language sites.

2U Image Block

  • Settings to wrap text around an image, or set as full-width (this should replicate what is available on the standard Image Block). See screenshot.
  • Option to set alignment for desktop/mobile, eg. float-right desktop, full-width mobile, turning on and off the text wrapping.
    Note – when switching between devices, the alignment settings will reset, and you will need to set it for each breakpoint via the setting in the screenshot above
  • Settings to set width/height on image for each breakpoint/device size. See screenshot.
  • Addition of device-specific padding an margin settings (Spacing Selectors > Padding/margin is device-specific)
  • Options for responsive border controls on image. (Border Options are device-specific)
  • Addition of Image Size settings to quickly select a smaller version while maintaining aspect ratio (Image size dropdown)