fix: Panel mode should exclude header height (#1738)

* fix: Panel mode should exclude header height * Update docs to clarify aspect-ratio behavior in a panel
dermotduffy · Dec 12, 2024 · 1992db2 · 1992db2
1 parent 47fdfbc
commit 1992db2
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/docs/configuration/dimensions.md b/docs/configuration/dimensions.md
@@ -33,6 +33,8 @@ dimensions:
 - `4 / 3` or `4:3`: Default fullscreen ratio.
 - `[W]/[H]` or `[W]:[H]`: Any arbitrary aspect-ratio.
 
+?> When in a [Panel View](https://www.home-assistant.io/dashboards/panel/) the aspect-ratio of the card are pegged to the exact size of the panel. As such, static aspect-ratio parameters will have no effect.
+
 ## Fully expanded reference
 
 [](common/expanded-warning.md ':include')

diff --git a/src/scss/card.scss b/src/scss/card.scss
@@ -40,10 +40,8 @@ frigate-card-loading {
   filter: brightness(75%);
 }
 :host([panel]) {
-  // Card always extends to the full allowed height in panel mode (in non-panel
-  // mode this would cause the card to expand to the height of a column when
-  // there are multiple cards in the column).
-  height: 100%;
+  // Card always extends to the full height in panel mode
+  height: calc(100vh - var(--header-height));
 }
 
 div.main {