jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-25 18:26:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use gap instead of margin for vertical and horizontal card (#19699)

Browse Source
This commit is contained in:
Paul Bottein 2024-02-07 15:51:01 +01:00 committed by GitHub
parent b57bc8cd06
commit 9513699332
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 2 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -28,27 +28,12 @@ export class HuiHorizontalStackCard extends HuiStackCard {
#root { #root {
display: flex; display: flex;
height: 100%; height: 100%;
gap: var(--horizontal-stack-card-gap, var(--stack-card-gap, 8px));
} }
#root > * { #root > * {
flex: 1 1 0; flex: 1 1 0;
margin: var(
--horizontal-stack-card-margin,
var(--stack-card-margin, 0 4px)
);
min-width: 0; min-width: 0;
} }
#root[dir="ltr"] > *:first-child {
margin-left: 0;
}
#root[dir="ltr"] > *:last-child {
margin-right: 0;
}
#root[dir="rtl"] > *:first-child {
margin-right: 0;
}
#root[dir="rtl"] > *:last-child {
margin-left: 0;
}
`, `,
]; ];
} }

13
src/panels/lovelace/cards/hui-vertical-stack-card.ts
View File

@ -27,18 +27,7 @@ class HuiVerticalStackCard extends HuiStackCard {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100%; height: 100%;
} gap: var(--vertical-stack-card-gap, var(--stack-card-gap, 8px));
#root > * {
margin: var(
--vertical-stack-card-margin,
var(--stack-card-margin, 4px 0)
);
}
#root > *:first-child {
margin-top: 0;
}
#root > *:last-child {
margin-bottom: 0;
} }
`, `,
]; ];