only set view bottom padding if ha-tabs or paper-tabs are present

Nerwyn · Oct 31, 2024 · c5ab28a · c5ab28a
1 parent a134ddb
commit c5ab28a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 9 deletions.
diff --git a/src/common/view.css b/src/common/view.css
@@ -3,13 +3,12 @@
 	padding-top: calc(40px + env(safe-area-inset-top)) !important;
 	padding-left: calc(12px + env(safe-area-inset-left)) !important;
 	padding-right: calc(12px + env(safe-area-inset-right)) !important;
-	padding-bottom: calc(
-		var(--footer-height) + env(safe-area-inset-bottom)
-	) !important;
 	background: var(--lovelace-background) !important;
 }
 
-/* Remove bottom footer padding when not present */
-.header:not(:has(ha-tabs, paper-tabs)) + #view {
-	padding-bottom: env(safe-area-inset-bottom) !important;
+/* Add bottom footer padding when present */
+.header:has(ha-tabs, paper-tabs) + #view {
+	padding-bottom: calc(
+		var(--footer-height) + env(safe-area-inset-bottom)
+	) !important;
 }