-
Notifications
You must be signed in to change notification settings - Fork 2.6k
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
Entity dialogs: Remove paper element and align dialog header style #6370
Conversation
src/components/ha-header-bar.ts
Outdated
@property({ type: Boolean }) centerTitle = false; | ||
|
||
protected render() { | ||
let title = html`<span class="mdc-top-app-bar__title"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Let's make this a ternary statement.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
or if…else.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
the second one uses the first one.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
But I ended up not using it because it doesn't work well, so might as well remove it...
unsafeCSS(topAppBarStyles), | ||
css` | ||
.mdc-top-app-bar { | ||
position: static; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Are we sure we want to put this in the element itself and not have the parent decide on this?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This could be used outside of dialogs, no?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
If you would want to use on the top scope you should use <mwc-top-app-bar>
Proposed change
Align the header style on desktop more with default material dialog styles as we use throughout the app.
Replace
paper-tabs
andapp-toolbar
withLitElement
versions.Type of change
Example configuration
Additional information
Checklist
If user exposed functionality or configuration variables are added/changed: