- The height of “.headerpane” class elements has been increased from 50px to 56px
- The top of “
.headerpane” class elements has been increased from 40px to 56px to account for the updated top header height - Headerpanes now make use of flexbox to simplify vertical alignment of fields within them - specifically, this applies to elements inside a “
.headerpane .h1” class structure.- This includes headerpanes on Record View, List View, Dashboards, and more
- “How does this affect my customizations?”
- Because headerpanes now make use of flexbox to vertically center the elements in them, you may need to adjust or remove the vertical margins/paddings/positionings of any custom elements you may have added under “
.headerpane .h1” elements in order to correct their alignments - Headerpanes in Sugar often use fixed positioning. As mentioned in the Content Pane section, you may want to test any custom headerpanes you’ve added to make sure their widths and positionings are being calculated correctly
- Because headerpanes now make use of flexbox to vertically center the elements in them, you may need to adjust or remove the vertical margins/paddings/positionings of any custom elements you may have added under “