Use css to hide hint in quickbar (#11527)

This commit is contained in:
Bram Kragten 2022-02-03 16:28:59 +01:00 committed by GitHub
parent 0540bae707
commit 148bb99d89
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -231,9 +231,7 @@ export class QuickBar extends LitElement {
})} })}
</mwc-list> </mwc-list>
`} `}
${!this._narrow && this._hint ${this._hint ? html`<div class="hint">${this._hint}</div>` : ""}
? html`<div class="hint">${this._hint}</div>`
: ""}
</ha-dialog> </ha-dialog>
`; `;
} }
@ -718,6 +716,12 @@ export class QuickBar extends LitElement {
} }
} }
@media all and (max-width: 450px), all and (max-height: 690px) {
.hint {
display: none;
}
}
ha-icon.entity, ha-icon.entity,
ha-svg-icon.entity { ha-svg-icon.entity {
margin-left: 20px; margin-left: 20px;