Fix ha-bar display issue on firefox (#7263)

This commit is contained in:
Joakim Sørensen 2020-10-08 12:29:21 +02:00 committed by GitHub
parent 80b7c840e2
commit 667c5744f2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -34,8 +34,8 @@ export class HaBar extends LitElement {
return svg` return svg`
<svg> <svg>
<g> <g>
<rect></rect> <rect/>
<rect width="${valuePrecentage}%"></rect> <rect width="${valuePrecentage}%"/>
</g> </g>
</svg> </svg>
`; `;
@ -43,6 +43,9 @@ export class HaBar extends LitElement {
static get styles(): CSSResult { static get styles(): CSSResult {
return css` return css`
rect {
height: 100%;
}
rect:first-child { rect:first-child {
width: 100%; width: 100%;
fill: var(--ha-bar-background-color, var(--secondary-background-color)); fill: var(--ha-bar-background-color, var(--secondary-background-color));