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
This commit is contained in:
Dermot Duffy
2024-12-11 20:42:05 -08:00
committed by GitHub
parent 47fdfbceeb
commit 1992db2144
2 changed files with 4 additions and 4 deletions
+2
View File
@@ -33,6 +33,8 @@ dimensions:
- `4 / 3` or `4:3`: Default fullscreen ratio. - `4 / 3` or `4:3`: Default fullscreen ratio.
- `[W]/[H]` or `[W]:[H]`: Any arbitrary aspect-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 ## Fully expanded reference
[](common/expanded-warning.md ':include') [](common/expanded-warning.md ':include')
+2 -4
View File
@@ -40,10 +40,8 @@ frigate-card-loading {
filter: brightness(75%); filter: brightness(75%);
} }
:host([panel]) { :host([panel]) {
// Card always extends to the full allowed height in panel mode (in non-panel // Card always extends to the full height in panel mode
// mode this would cause the card to expand to the height of a column when height: calc(100vh - var(--header-height));
// there are multiple cards in the column).
height: 100%;
} }
div.main { div.main {