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

Increase area card default height when using camera and features (#26205)

Browse Source
This commit is contained in:
Paul Bottein 2025-07-17 09:59:29 +02:00 committed by GitHub
parent 0839528e22
commit 767d785d04
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -115,7 +115,7 @@ export class HuiAreaCard extends LitElement implements LovelaceCard {
}
public getGridOptions(): LovelaceGridOptions {
const columns = 6;
let columns = 6;
let min_columns = 6;
let rows = 1;
const featurePosition = this._config
@ -125,6 +125,7 @@ export class HuiAreaCard extends LitElement implements LovelaceCard {
if (featuresCount) {
if (featurePosition === "inline") {
min_columns = 12;
columns = 12;
} else {
rows += featuresCount;
}
@ -133,8 +134,12 @@ export class HuiAreaCard extends LitElement implements LovelaceCard {
const displayType = this._config?.display_type || "picture";
if (displayType !== "compact") {
if (featurePosition === "inline" && featuresCount > 0) {
rows += 3;
} else {
rows += 2;
}
}
return {
columns,

6
src/panels/lovelace/strategies/areas/areas-overview-view-strategy.ts
View File

@ -98,11 +98,11 @@ export class AreasOverviewViewStrategy extends ReactiveElement {
sensorClasses.push("humidity");
}
const isLarge = areaOptions.card_size === "large";
return {
type: "area",
area: area.area_id,
display_type:
areaOptions.card_size === "large" ? "camera" : "compact",
display_type: isLarge ? "camera" : "compact",
sensor_classes: sensorClasses,
exclude_entities: hiddenEntities,
features: filteredControls.length
@ -114,7 +114,7 @@ export class AreasOverviewViewStrategy extends ReactiveElement {
]
: [],
grid_options: {
rows: 1,
rows: isLarge ? 4 : 1,
columns: 12,
},
features_position: "inline",