jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-24 09:46:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix size of cards inside stack cards (#21190)

Browse Source 
* Fix size of cards inside stack cards

* Apply style everywhere

* Fix stack

* Fix grid stack

* Set block only for square
This commit is contained in:
Paul Bottein 2024-06-27 19:31:55 +02:00 committed by GitHub
parent fd64d17d88
commit da2865d8bf
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/panels/lovelace/cards/hui-card.ts
View File

@ -43,6 +43,9 @@ export class HuiCard extends ReactiveElement {
private _listeners: MediaQueriesListener[] = [];
protected createRenderRoot() {
const style = document.createElement("style");
style.textContent = `hui-card { display: contents }`;
this.append(style);
return this;
}

1
src/panels/lovelace/cards/hui-grid-card.ts
View File

@ -92,6 +92,7 @@ class HuiGridCard extends HuiStackCard<GridCardConfig> {
}
:host([square]) #root > *:not([hidden]) {
display: block;
grid-row: 1 / 1;
grid-column: 1 / 1;
}

2
src/panels/lovelace/cards/hui-horizontal-stack-card.ts
View File

@ -30,7 +30,7 @@ export class HuiHorizontalStackCard extends HuiStackCard {
height: 100%;
gap: var(--horizontal-stack-card-gap, var(--stack-card-gap, 8px));
}
#root > * {
#root > hui-card > * {
flex: 1 1 0;
min-width: 0;
}