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.

@essjay05 essjay05 requested a review from crisbeto October 10, 2024 15:45
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)
@angular-automatic-lock-bot
Copy link

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Nov 10, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
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