jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-27 11:16:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add haStyleScrollbar to hass-tabs-subpage (#16993)

Browse Source
This commit is contained in:
Bram Kragten 2023-06-22 11:53:06 +02:00 committed by GitHub
parent 80c57fa326
commit b3fa134198
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 131 additions and 127 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/layouts/hass-tabs-subpage.ts
View File

@ -19,6 +19,7 @@ import "../components/ha-menu-button";
import "../components/ha-svg-icon"; import "../components/ha-svg-icon";
import "../components/ha-tab"; import "../components/ha-tab";
import { HomeAssistant, Route } from "../types"; import { HomeAssistant, Route } from "../types";
import { haStyleScrollbar } from "../resources/styles";
export interface PageNavigation { export interface PageNavigation {
path: string; path: string;
@ -186,7 +187,7 @@ class HassTabsSubpage extends LitElement {
</div> </div>
</div> </div>
<div <div
class="content ${classMap({ tabs: showTabs })}" class="content ha-scrollbar ${classMap({ tabs: showTabs })}"
@scroll=${this._saveScrollPos} @scroll=${this._saveScrollPos}
> >
<slot></slot> <slot></slot>
@ -211,7 +212,9 @@ class HassTabsSubpage extends LitElement {
} }
static get styles(): CSSResultGroup { static get styles(): CSSResultGroup {
return css` return [
haStyleScrollbar,
css`
:host { :host {
display: block; display: block;
height: 100%; height: 100%;
@ -347,7 +350,8 @@ class HassTabsSubpage extends LitElement {
left: 24px; left: 24px;
right: auto; right: auto;
} }
`; `,
];
} }
} }