2054159 - Account Hub: Main form area stops filling available vertical space as window height decreases

Status: NEW

(Thunderbird :: Account Manager, defect, P2)

Description

[Kevin Lamping]

Attachment: max-height-issue.mov

As the vertical height of the screen is reduced, so is the height of the main form area. This causes the view to lose extra space between the bottom of the form and the button.

Steps to recreate:

• Open Account hub
• Reduce the vertical size of the application window
  Expected: Form continues to take up entire available space inside the modal
  Actual: Form overly shrinks, leaving a unnecessary gap between bottom of form and forward/back buttons

Proposed fix: Revamp how the max-height of the form is calculated. Specifically, this CSS in accountHub.css:

.account-hub-form,
.account-hub-success-container,
.account-hub-address-book-form {
  max-block-size: 40vh;
  display: flex;
  flex-direction: column;
  block-size: 100%;
  overflow-y: auto;
  justify-content: space-around;
  padding-block-end: 2px;
}

(Note that in the video, a gray background was added to the form to amplify the effect)

Comment 1

[Wayne Mery (:wsmwk)]

Is this something to be adjusted in ESR? If not, please adjust.

Comment 2

[Kevin Lamping]

This does not need to be fixed for ESR