Fix hidden items spacer separation

This commit is contained in:
Donnie 2020-11-02 12:16:45 -08:00
parent 1369d0f36d
commit 29d9219481

View File

@ -387,7 +387,7 @@ class HaSidebar extends LitElement {
this._renderEmptySortable ? "" : this._renderPanels(beforeSpacer)
)}
</div>
${this._renderSpacer()}
${this._renderHiddenItemSpacer()}
${this._renderHiddenPanels()} `;
}
@ -464,6 +464,10 @@ class HaSidebar extends LitElement {
return html`<li divider role="separator" class="spacer"></li>`;
}
private _renderHiddenItemSpacer() {
return html`<li divider role="separator" class="spacer-hidden"></li>`;
}
private _renderNotifications() {
let notificationCount = this._notifications
? this._notifications.length
@ -1044,6 +1048,14 @@ class HaSidebar extends LitElement {
.spacer {
flex: 1;
pointer-events: none;
border: 0px;
}
.spacer-hidden {
flex: 1;
pointer-events: none;
height: 77px;
border: 0px;
}
.subheader {