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

Fix tabs subpage height on desktop (#23564)

Browse Source 
fix tabs subpage height on desktop
This commit is contained in:
Bram Kragten 2025-01-03 11:08:00 +01:00 committed by GitHub
parent 052744e3d1
commit 6d48e725c7
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -314,10 +314,6 @@ class HassTabsSubpage extends LitElement {
width: calc( width: calc(
100% - env(safe-area-inset-left) - env(safe-area-inset-right) 100% - env(safe-area-inset-left) - env(safe-area-inset-right)
); );
height: calc(100% - var(--header-height));
height: calc(
100% - var(--header-height) - env(safe-area-inset-bottom)
);
margin-left: env(safe-area-inset-left); margin-left: env(safe-area-inset-left);
margin-right: env(safe-area-inset-right); margin-right: env(safe-area-inset-right);
margin-inline-start: env(safe-area-inset-left); margin-inline-start: env(safe-area-inset-left);
@ -326,6 +322,13 @@ class HassTabsSubpage extends LitElement {
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
} }
:host([narrow]) .content {
height: calc(100% - var(--header-height));
height: calc(
100% - var(--header-height) - env(safe-area-inset-bottom)
);
}
:host([narrow]) .content.tabs { :host([narrow]) .content.tabs {
height: calc(100% - 2 * var(--header-height)); height: calc(100% - 2 * var(--header-height));
height: calc( height: calc(