lovelace: use content inset for left padding; retain TODOs for right/landscape cases

2025-11-13 04:50:29 +00:00 · 2025-09-01 16:03:54 +01:00
1 changed files with 4 additions and 2 deletions
--- a/src/panels/lovelace/hui-root.ts
+++ b/src/panels/lovelace/hui-root.ts
@@ -1236,6 +1236,8 @@ class HUIRoot extends LitElement {
          padding: 0px 12px;
          font-weight: var(--ha-font-weight-normal);
          box-sizing: border-box;
+          // TODO add right padding
+          // TODO fix issue in landscape tablet with safe area on the left and right
        }
        @media (max-width: 599px) {
          .toolbar {
@@ -1381,9 +1383,9 @@ class HUIRoot extends LitElement {
          min-height: 100vh;
          box-sizing: border-box;
          padding-top: calc(var(--header-height) + var(--safe-area-inset-top));
-          padding-left: var(--safe-area-inset-left);
+          padding-left: var(--safe-area-content-inset-left);
          padding-right: var(--safe-area-inset-right);
-          padding-inline-start: var(--safe-area-inset-left);
+          padding-inline-start: var(--safe-area-content-inset-left);
          padding-inline-end: var(--safe-area-inset-right);
          padding-bottom: var(--safe-area-inset-bottom);
        }