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

Add section max width variable to section view (#19995)

Browse Source
This commit is contained in:
Paul Bottein 2024-03-05 23:55:10 +01:00 committed by GitHub
parent d951e68c10
commit 8ca5b7528b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -253,12 +253,19 @@ export class SectionsView extends LitElement implements LovelaceViewElement {
--grid-gap: 32px; --grid-gap: 32px;
--grid-max-section-count: 4; --grid-max-section-count: 4;
--grid-section-min-width: 320px; --grid-section-min-width: 320px;
--grid-section-max-width: 500px;
/* Calculated */ /* Calculated */
--max-count: min(var(--section-count), var(--grid-max-section-count)); --max-count: min(var(--section-count), var(--grid-max-section-count));
--grid-max-width: calc( --grid-max-width: min(
(var(--max-count) + 1) * var(--grid-section-min-width) + calc(
(var(--max-count) + 2) * var(--grid-gap) - 1px (var(--max-count) + 1) * var(--grid-section-min-width) +
(var(--max-count) + 2) * var(--grid-gap) - 1px
),
calc(
var(--max-count) * var(--grid-section-max-width) +
(var(--max-count) + 1) * var(--grid-gap)
)
); );
display: grid; display: grid;