From 6d48e725c7389f4c2a85858f586519ea707edf58 Mon Sep 17 00:00:00 2001 From: Bram Kragten Date: Fri, 3 Jan 2025 11:08:00 +0100 Subject: [PATCH] Fix tabs subpage height on desktop (#23564) fix tabs subpage height on desktop --- src/layouts/hass-tabs-subpage.ts | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/src/layouts/hass-tabs-subpage.ts b/src/layouts/hass-tabs-subpage.ts index 4c4d1e3cdc71..ca930a01b5c4 100644 --- a/src/layouts/hass-tabs-subpage.ts +++ b/src/layouts/hass-tabs-subpage.ts @@ -314,10 +314,6 @@ class HassTabsSubpage extends LitElement { width: calc( 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-right: env(safe-area-inset-right); margin-inline-start: env(safe-area-inset-left); @@ -326,6 +322,13 @@ class HassTabsSubpage extends LitElement { -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 { height: calc(100% - 2 * var(--header-height)); height: calc(