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

Add advanced yaml only row_span option for sections (#21833)

Browse Source
This commit is contained in:
Paul Bottein 2024-09-03 18:20:55 +02:00 committed by GitHub
parent ab534933fc
commit 2c975d4f41
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 5 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/data/lovelace/config/section.ts
View File

@ -6,6 +6,7 @@ export interface LovelaceBaseSectionConfig {
title?: string; title?: string;
visibility?: Condition[]; visibility?: Condition[];
column_span?: number; column_span?: number;
row_span?: number;
} }
export interface LovelaceSectionConfig extends LovelaceBaseSectionConfig { export interface LovelaceSectionConfig extends LovelaceBaseSectionConfig {

4
src/panels/lovelace/views/hui-sections-view.ts
View File

@ -166,6 +166,8 @@ export class SectionsView extends LitElement implements LovelaceViewElement {
maxColumnCount maxColumnCount
); );
const rowSpan = sectionConfig?.row_span || 1;
(section as any).itemPath = [idx]; (section as any).itemPath = [idx];
return html` return html`
@ -173,6 +175,7 @@ export class SectionsView extends LitElement implements LovelaceViewElement {
class="section" class="section"
style=${styleMap({ style=${styleMap({
"--column-span": columnSpan, "--column-span": columnSpan,
"--row-span": rowSpan,
})} })}
> >
${ ${
@ -332,6 +335,7 @@ export class SectionsView extends LitElement implements LovelaceViewElement {
.section { .section {
border-radius: var(--ha-card-border-radius, 12px); border-radius: var(--ha-card-border-radius, 12px);
grid-column: span var(--column-span); grid-column: span var(--column-span);
grid-row: span var(--row-span);
} }
.section:has(hui-section[hidden]) { .section:has(hui-section[hidden]) {