Migrate favorite color dialog to bottom sheet and ha-wa-dialog

[timmo001]

Breaking change

Proposed change

to

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

Example configuration

Additional information

• This PR fixes or closes issue: fixes #
• This PR is related to issue or discussion: Migrate dialogs to webawesome #27143
• Link to documentation pull request:

Checklist

• The code change is tested and works locally.
• There is no commented out code in this PR.
• Tests have been added to verify that the new code works.

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

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

[wendevlin]

Seems to be broken on devices with very small width, moreover on mobile it was a bottom sheet, maybe we should use ha-bottom-sheet here.

[marcinbauer85]

Yes, please try to use the new bottom sheet component from Paul.

[wendevlin]

@timmo001 I did some changes to the ha-bottom-sheet in my target picker PR, to be able to set max-width for example. If you want you can wait till this is merged

[timmo001]

Sounds good, I'll leave this for now

[timmo001]

Will close to not clutter the PRs while this is being worked on.

#27143

[wendevlin]

@timmo001 target picker is merged

[timmo001]

Oh timing 😆

[wendevlin]

• Not sure whats going on. But when I want to set brightness the dialog closes 🤷
  • issue seems to be also there color brightness
• small height header should also scroll. I added the body div as in ha-wa-dialog in my automation PR to solve this: New design for automation add trigger/condition/action dialog #27529