restore footer-height, override footer height with kiosk-header-heigh…

…t for bottom padding kiosk mode fixes
Nerwyn · Nov 14, 2024 · 568bda6 · 568bda6
1 parent ce8d96b
commit 568bda6
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 6 deletions.
diff --git a/src/common/ha_fab.css b/src/common/ha_fab.css
@@ -1,6 +1,6 @@
 /* Fix add card button position  */
 :host {
-	bottom: calc(var(--header-height) / 0.6 + 16px) !important;
+	bottom: var(--footer-height) !important;
 	z-index: 3 !important;
 }
 

diff --git a/src/common/root.css b/src/common/root.css
@@ -5,7 +5,7 @@ ha-tabs {
 	top: unset !important;
 	bottom: 0 !important;
 	background: var(--navbar-background) !important;
-	height: calc(var(--header-height) / 0.6) !important;
+	height: var(--footer-height) !important;
 	width: calc(100% - var(--mdc-drawer-width, 0px));
 	padding-bottom: env(safe-area-inset-bottom) !important;
 	margin: 0 !important;

diff --git a/src/common/view.css b/src/common/view.css
@@ -8,6 +8,7 @@
 /* Add bottom footer padding when present */
 .header:has(ha-tabs, paper-tabs) + #view {
 	padding-bottom: calc(
-		calc(var(--header-height) / 0.6) + env(safe-area-inset-bottom)
+		var(--kiosk-header-height, var(--footer-height)) +
+			env(safe-area-inset-bottom)
 	) !important;
 }
diff --git a/src/material_rounded/theme.yaml b/src/material_rounded/theme.yaml
@@ -53,6 +53,7 @@ Material Rounded:
   # Toolbar
   paper-slider-height: 4px
   header-height: 48px
+  footer-height: 80px
   mdc-top-app-bar-fixed-box-shadow: none
   app-header-background-color: var(--lovelace-background)
   app-header-text-color: var(--primary-text-color)