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