Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(material/dialog): updates dialog max-height in landscape #29853

Merged
merged 2 commits into from
Oct 10, 2024

Conversation

essjay05
Copy link
Contributor

@essjay05 essjay05 commented Oct 9, 2024

Updates Angular Component Dialog component to have a max-height of 95vh which gives it a calculable height for its contents to adjust on smaller screens or in landscape mode so that the action buttons are able to be accessed by scrolling rather than the dialog window cutting them off.

Before screencast
After screencast

Fixes b/323588333

@essjay05 essjay05 marked this pull request as ready for review October 9, 2024 21:03
@essjay05 essjay05 requested a review from a team as a code owner October 9, 2024 21:03
@essjay05 essjay05 requested review from crisbeto and mmalerba and removed request for a team October 9, 2024 21:03
@andrewseguin andrewseguin added the dev-app preview When applied, previews of the dev-app are deployed to Firebase label Oct 9, 2024
Copy link

github-actions bot commented Oct 9, 2024

Deployed dev-app for ea4ce5e to: https://ng-dev-previews-comp--pr-angular-components-29853-dev-c9ofr0p3.web.app

Note: As new commits are pushed to this pull request, this link is updated after the preview is rebuilt.

Updates Angular Component Dialog component to have a max-height of
95vh which gives it a calculable height for its contents to adjust
on smaller screens or in landscape mode so that the action buttons
are able to be accessed by scrolling rather than the dialog window
cutting them off.

Fixes b/323588333
Updates previous fix to revert max-height back to inherit.

Fixes b/323588333
@essjay05 essjay05 force-pushed the dialog-button-cutoff-fix-height branch from c84b230 to ea4ce5e Compare October 10, 2024 15:52
@mmalerba mmalerba added action: merge The PR is ready for merge by the caretaker target: patch This PR is targeted for the next patch release labels Oct 10, 2024
@mmalerba mmalerba removed the request for review from crisbeto October 10, 2024 22:29
@mmalerba mmalerba merged commit da9cb71 into angular:main Oct 10, 2024
24 of 26 checks passed
mmalerba pushed a commit that referenced this pull request Oct 10, 2024
* fix(material/dialog): updates dialog max-height in landscape

Updates Angular Component Dialog component to have a max-height of
95vh which gives it a calculable height for its contents to adjust
on smaller screens or in landscape mode so that the action buttons
are able to be accessed by scrolling rather than the dialog window
cutting them off.

Fixes b/323588333

* refactor(material/dialog): reverted max-height to inherit

Updates previous fix to revert max-height back to inherit.

Fixes b/323588333

(cherry picked from commit da9cb71)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
action: merge The PR is ready for merge by the caretaker dev-app preview When applied, previews of the dev-app are deployed to Firebase target: patch This PR is targeted for the next patch release
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants