mirror of
https://github.com/home-assistant/frontend.git
synced 2025-07-28 11:46:42 +00:00
Don't access hidden tabs via left/right arrow (#25495)
This commit is contained in:
parent
bc15d1474e
commit
b61180baa6
@ -307,18 +307,19 @@ class HUIRoot extends LitElement {
|
|||||||
view.visible === false);
|
view.visible === false);
|
||||||
|
|
||||||
const tabs = html`<sl-tab-group @sl-tab-show=${this._handleViewSelected}>
|
const tabs = html`<sl-tab-group @sl-tab-show=${this._handleViewSelected}>
|
||||||
${views.map(
|
${views.map((view, index) => {
|
||||||
(view, index) => html`
|
const hidden =
|
||||||
|
!this._editMode && (view.subview || _isTabHiddenForUser(view));
|
||||||
|
return html`
|
||||||
<sl-tab
|
<sl-tab
|
||||||
slot="nav"
|
slot="nav"
|
||||||
panel=${index}
|
panel=${index}
|
||||||
.active=${this._curView === index}
|
.active=${this._curView === index}
|
||||||
|
.disabled=${hidden}
|
||||||
aria-label=${ifDefined(view.title)}
|
aria-label=${ifDefined(view.title)}
|
||||||
class=${classMap({
|
class=${classMap({
|
||||||
icon: Boolean(view.icon),
|
icon: Boolean(view.icon),
|
||||||
"hide-tab": Boolean(
|
"hide-tab": Boolean(hidden),
|
||||||
!this._editMode && (view.subview || _isTabHiddenForUser(view))
|
|
||||||
),
|
|
||||||
})}
|
})}
|
||||||
>
|
>
|
||||||
${this._editMode
|
${this._editMode
|
||||||
@ -368,8 +369,8 @@ class HUIRoot extends LitElement {
|
|||||||
`
|
`
|
||||||
: nothing}
|
: nothing}
|
||||||
</sl-tab>
|
</sl-tab>
|
||||||
`
|
`;
|
||||||
)}
|
})}
|
||||||
</sl-tab-group>`;
|
</sl-tab-group>`;
|
||||||
|
|
||||||
return html`
|
return html`
|
||||||
|
Loading…
x
Reference in New Issue
Block a user