Make more info adaptive bottom sheet height match tallest more info dialog

[timmo001]

Breaking change

Proposed change

Lights with favorites and effects is the tallest I could find.

Original issue in screenshots of #30099

Screenshots

Original screenshots

Smaller height screens will still max out at 100svh - 48px (header height):

Type of change

• Dependency upgrade
• Bugfix (non-breaking change which fixes an issue)
• New feature (thank you!)
• Breaking change (fix/feature causing existing functionality to break)
• Code quality improvements to existing code or addition of tests

Additional information

• This PR fixes or closes issue: fixes #
• This PR is related to issue or discussion: New dialogs are (sometimes) unnecessary tall #30099
• Link to documentation pull request:
• Link to developer documentation pull request:
• Link to backend pull request:

Checklist

• I understand the code I am submitting and can explain how it works.
• The code change is tested and works locally.
• There is no commented out code in this PR.
• I have followed the development checklist
• I have followed the perfect PR recommendations
• Any generated code has been carefully reviewed for correctness and compliance with project standards.

If user exposed functionality or configuration variables are added/changed:

• Documentation added/updated for www.home-assistant.io

To help with the load of incoming pull requests:

• I have reviewed two other open pull requests in this repository.

[matthiasdebaat]

Personally, I prefer it to be full height on mobile so you get a more focused view without distractions from the content behind it.

I’ll start a UX design discussion to explore what the best approach would be.

[piitaya]

Different heights may make it more difficult to close because you don't know where the close button will be. Same for history and settings access.
Also, has we have different view in this dialog, dynamic height will not be optimal.
IMO, if there is top bar, the dialog must be fullscreen screen.

[timmo001]

Realistically this would only leave about 10-20% on the tallest of devices, original screenshots are mostly for demonstration

Screenshot

Also, has we have different view in this dialog, dynamic height will not be optimal.

This is fixed at the same height in this case, the sheet does not shift

I'm not sure on the 100% angle, in the mobile space there are are lot of apps adopting a bottom sheet, I find that I click the empty space and the close button almost the same amount of times, filling the screen would just make this a dialog again

Lets get some more views from the UX board

[matthiasdebaat]

Created this discussion OpenHomeFoundation/ux-design#18

Please share your thoughts there.

[timmo001]

Rebased with center controls change:

Updated screenshots

Smaller device