From 5fe73ac83463e41bf07aae8fc0866f4f233a7f5a Mon Sep 17 00:00:00 2001 From: Georgi Gardev Date: Sat, 12 Jun 2021 16:24:33 +0300 Subject: [PATCH] layout-card style fixes --- .../lovelace/advanced_dashboard/00_home.yaml | 19 ++++++++++--------- .../advanced_dashboard/02_lights.yaml | 19 ++++++++++--------- .../advanced_dashboard/03_climate.yaml | 19 ++++++++++--------- .../lovelace/advanced_dashboard/07_media.yaml | 2 +- .../advanced_dashboard/08_automations.yaml | 19 ++++++++++--------- .../advanced_dashboard/10_system.yaml | 19 ++++++++++--------- .../hallway_dashboard/at_home_dashboard.yaml | 6 +++--- .../coming_home_dashboard.yaml | 5 +++-- .../leaving_home_dashboard.yaml | 5 +++-- .../home_dashboard/bathroom_dashboard.yaml | 19 ++++++++++--------- .../home_dashboard/bedroom_dashboard.yaml | 19 ++++++++++--------- .../home_dashboard/cameras_dashboard.yaml | 19 ++++++++++--------- .../home_dashboard/hallway_dashboard.yaml | 19 ++++++++++--------- .../home_dashboard/kitchen_dashboard.yaml | 19 ++++++++++--------- .../home_dashboard/living_room_dashboard.yaml | 19 ++++++++++--------- .../home_dashboard/main_dashboard.yaml | 19 ++++++++++--------- config/lovelace/popup_cards.yaml | 5 +++-- 17 files changed, 133 insertions(+), 118 deletions(-) diff --git a/config/lovelace/advanced_dashboard/00_home.yaml b/config/lovelace/advanced_dashboard/00_home.yaml index 7552c8f..8fb5a96 100644 --- a/config/lovelace/advanced_dashboard/00_home.yaml +++ b/config/lovelace/advanced_dashboard/00_home.yaml @@ -7,17 +7,18 @@ cards: style: layout-card: $: - .: | - #columns { - padding: 0 10px; - } - #columns .column { - padding: 20px 10px; - } + horizontal-layout: + $: + .: | + #columns { + margin: 0 20px; + grid-gap: 20px; + } card: type: custom:layout-card - layout: horzontal - max_columns: 2 + layout_type: custom:horizontal-layout + layout: + max_cols: 2 cards: - type: vertical-stack title: Github diff --git a/config/lovelace/advanced_dashboard/02_lights.yaml b/config/lovelace/advanced_dashboard/02_lights.yaml index ab4d267..385ac77 100644 --- a/config/lovelace/advanced_dashboard/02_lights.yaml +++ b/config/lovelace/advanced_dashboard/02_lights.yaml @@ -7,17 +7,18 @@ cards: style: layout-card: $: - .: | - #columns { - padding: 0 10px; - } - #columns .column { - padding: 20px 10px; - } + horizontal-layout: + $: + .: | + #columns { + margin: 0 20px; + grid-gap: 20px; + } card: type: custom:layout-card - layout: horizontal - max_columns: 2 + layout_type: custom:horizontal-layout + layout: + max_cols: 2 cards: - type: entities title: Living room diff --git a/config/lovelace/advanced_dashboard/03_climate.yaml b/config/lovelace/advanced_dashboard/03_climate.yaml index 51d8a8c..de10987 100644 --- a/config/lovelace/advanced_dashboard/03_climate.yaml +++ b/config/lovelace/advanced_dashboard/03_climate.yaml @@ -7,17 +7,18 @@ cards: style: layout-card: $: - .: | - #columns { - padding: 0 10px; - } - #columns .column { - padding: 20px 10px; - } + horizontal-layout: + $: + .: | + #columns { + margin: 0 20px; + grid-gap: 20px; + } card: type: custom:layout-card - layout: horizontal - max_columns: 3 + layout_type: custom:horizontal-layout + layout: + max_cols: 3 cards: - type: entities show_header_toggle: false diff --git a/config/lovelace/advanced_dashboard/07_media.yaml b/config/lovelace/advanced_dashboard/07_media.yaml index 2b0f6af..68caf76 100644 --- a/config/lovelace/advanced_dashboard/07_media.yaml +++ b/config/lovelace/advanced_dashboard/07_media.yaml @@ -4,7 +4,7 @@ panel: true icon: mdi:youtube cards: - type: custom:layout-card - layout: horizontal + layout_type: custom:horizontal-layout cards: - type: vertical-stack cards: diff --git a/config/lovelace/advanced_dashboard/08_automations.yaml b/config/lovelace/advanced_dashboard/08_automations.yaml index e788cf9..11f6cc9 100644 --- a/config/lovelace/advanced_dashboard/08_automations.yaml +++ b/config/lovelace/advanced_dashboard/08_automations.yaml @@ -7,17 +7,18 @@ cards: style: layout-card: $: - .: | - #columns { - padding: 0 10px; - } - #columns .column { - padding: 20px 10px; - } + horizontal-layout: + $: + .: | + #columns { + margin: 0 20px; + grid-gap: 20px; + } card: type: custom:layout-card - layout: horizontal - max_columns: 3 + layout_type: custom:horizontal-layout + layout: + max_cols: 3 cards: - type: entities title: Misc diff --git a/config/lovelace/advanced_dashboard/10_system.yaml b/config/lovelace/advanced_dashboard/10_system.yaml index 2ee1cfe..1e7bb92 100644 --- a/config/lovelace/advanced_dashboard/10_system.yaml +++ b/config/lovelace/advanced_dashboard/10_system.yaml @@ -7,17 +7,18 @@ cards: style: layout-card: $: - .: | - #columns { - padding: 0 10px; - } - #columns .column { - padding: 20px 10px; - } + horizontal-layout: + $: + .: | + #columns { + margin: 0 20px; + grid-gap: 20px; + } card: type: custom:layout-card - layout: horizontal - max_columns: 3 + layout_type: custom:horizontal-layout + layout: + max_cols: 3 cards: - type: entities entities: diff --git a/config/lovelace/hallway_dashboard/at_home_dashboard.yaml b/config/lovelace/hallway_dashboard/at_home_dashboard.yaml index b6bd8c0..39c1ad8 100644 --- a/config/lovelace/hallway_dashboard/at_home_dashboard.yaml +++ b/config/lovelace/hallway_dashboard/at_home_dashboard.yaml @@ -1,6 +1,7 @@ type: custom:layout-card -layout: horizontal -max_columns: 2 +layout_type: custom:horizontal-layout +layout: + max_cols: 2 cards: # Column 1 - type: vertical-stack @@ -198,4 +199,3 @@ cards: group_by: hour hours_to_show: 72 line_width: 2 - diff --git a/config/lovelace/hallway_dashboard/coming_home_dashboard.yaml b/config/lovelace/hallway_dashboard/coming_home_dashboard.yaml index 32b0187..d035447 100644 --- a/config/lovelace/hallway_dashboard/coming_home_dashboard.yaml +++ b/config/lovelace/hallway_dashboard/coming_home_dashboard.yaml @@ -1,6 +1,7 @@ type: custom:layout-card -layout: horizontal -max_columns: 2 +layout_type: custom:horizontal-layout +layout: + max_cols: 2 cards: # Column 1 - type: vertical-stack diff --git a/config/lovelace/hallway_dashboard/leaving_home_dashboard.yaml b/config/lovelace/hallway_dashboard/leaving_home_dashboard.yaml index 0682e9c..d772bb8 100644 --- a/config/lovelace/hallway_dashboard/leaving_home_dashboard.yaml +++ b/config/lovelace/hallway_dashboard/leaving_home_dashboard.yaml @@ -1,6 +1,7 @@ type: custom:layout-card -layout: horizontal -max_columns: 2 +layout_type: custom:horizontal-layout +layout: + max_cols: 2 cards: - type: vertical-stack cards: diff --git a/config/lovelace/home_dashboard/bathroom_dashboard.yaml b/config/lovelace/home_dashboard/bathroom_dashboard.yaml index a04a306..4d61c0e 100644 --- a/config/lovelace/home_dashboard/bathroom_dashboard.yaml +++ b/config/lovelace/home_dashboard/bathroom_dashboard.yaml @@ -2,17 +2,18 @@ style: layout-card: $: - .: | - #columns { - padding: 0 10px; - } - #columns .column { - padding: 0 10px; - } + horizontal-layout: + $: + .: | + #columns { + margin: 0 20px; + grid-gap: 20px; + } card: type: custom:layout-card - layout: horizontal - max_columns: 2 + layout_type: custom:horizontal-layout + layout: + max_cols: 2 cards: - type: vertical-stack cards: diff --git a/config/lovelace/home_dashboard/bedroom_dashboard.yaml b/config/lovelace/home_dashboard/bedroom_dashboard.yaml index 403c7ad..e4cf6a3 100644 --- a/config/lovelace/home_dashboard/bedroom_dashboard.yaml +++ b/config/lovelace/home_dashboard/bedroom_dashboard.yaml @@ -2,17 +2,18 @@ style: layout-card: $: - .: | - #columns { - padding: 0 10px; - } - #columns .column { - padding: 0 10px; - } + horizontal-layout: + $: + .: | + #columns { + margin: 0 20px; + grid-gap: 20px; + } card: type: custom:layout-card - layout: horizontal - max_columns: 2 + layout_type: custom:horizontal-layout + layout: + max_cols: 2 cards: - type: vertical-stack title: Bedroom diff --git a/config/lovelace/home_dashboard/cameras_dashboard.yaml b/config/lovelace/home_dashboard/cameras_dashboard.yaml index adeb996..5fb4cc7 100644 --- a/config/lovelace/home_dashboard/cameras_dashboard.yaml +++ b/config/lovelace/home_dashboard/cameras_dashboard.yaml @@ -2,17 +2,18 @@ style: layout-card: $: - .: | - #columns { - padding: 0 10px; - } - #columns .column { - padding: 0 10px; - } + horizontal-layout: + $: + .: | + #columns { + margin: 0 20px; + grid-gap: 20px; + } card: type: custom:layout-card - layout: horizontal - max_columns: 2 + layout_type: custom:horizontal-layout + layout: + max_cols: 2 cards: - type: vertical-stack title: Living Room diff --git a/config/lovelace/home_dashboard/hallway_dashboard.yaml b/config/lovelace/home_dashboard/hallway_dashboard.yaml index e1414dc..30a84ef 100644 --- a/config/lovelace/home_dashboard/hallway_dashboard.yaml +++ b/config/lovelace/home_dashboard/hallway_dashboard.yaml @@ -2,17 +2,18 @@ style: layout-card: $: - .: | - #columns { - padding: 0 10px; - } - #columns .column { - padding: 0 10px; - } + horizontal-layout: + $: + .: | + #columns { + margin: 0 20px; + grid-gap: 20px; + } card: type: custom:layout-card - layout: horizontal - max_columns: 2 + layout_type: custom:horizontal-layout + layout: + max_cols: 2 cards: - type: vertical-stack title: Hallway diff --git a/config/lovelace/home_dashboard/kitchen_dashboard.yaml b/config/lovelace/home_dashboard/kitchen_dashboard.yaml index f603578..b052488 100644 --- a/config/lovelace/home_dashboard/kitchen_dashboard.yaml +++ b/config/lovelace/home_dashboard/kitchen_dashboard.yaml @@ -2,17 +2,18 @@ style: layout-card: $: - .: | - #columns { - padding: 0 10px; - } - #columns .column { - padding: 0 10px; - } + horizontal-layout: + $: + .: | + #columns { + margin: 0 20px; + grid-gap: 20px; + } card: type: custom:layout-card - layout: horizontal - max_columns: 2 + layout_type: custom:horizontal-layout + layout: + max_cols: 2 cards: - type: vertical-stack title: Kitchen diff --git a/config/lovelace/home_dashboard/living_room_dashboard.yaml b/config/lovelace/home_dashboard/living_room_dashboard.yaml index b0b3585..facb7eb 100644 --- a/config/lovelace/home_dashboard/living_room_dashboard.yaml +++ b/config/lovelace/home_dashboard/living_room_dashboard.yaml @@ -2,17 +2,18 @@ style: layout-card: $: - .: | - #columns { - padding: 0 10px; - } - #columns .column { - padding: 0 10px; - } + horizontal-layout: + $: + .: | + #columns { + margin: 0 20px; + grid-gap: 20px; + } card: type: custom:layout-card - layout: horizontal - max_columns: 3 + layout_type: custom:horizontal-layout + layout: + max_cols: 3 cards: - type: vertical-stack title: Living room diff --git a/config/lovelace/home_dashboard/main_dashboard.yaml b/config/lovelace/home_dashboard/main_dashboard.yaml index a0c7237..524cf35 100644 --- a/config/lovelace/home_dashboard/main_dashboard.yaml +++ b/config/lovelace/home_dashboard/main_dashboard.yaml @@ -2,17 +2,18 @@ style: layout-card: $: - .: | - #columns { - padding: 0 10px; - } - #columns .column { - padding: 0 10px; - } + horizontal-layout: + $: + .: | + #columns { + margin: 0 20px; + grid-gap: 20px; + } card: type: custom:layout-card - layout: horizontal - max_columns: 3 + layout_type: custom:horizontal-layout + layout: + max_cols: 3 cards: # Column 1 - type: vertical-stack diff --git a/config/lovelace/popup_cards.yaml b/config/lovelace/popup_cards.yaml index 66a4bdc..a9944f0 100644 --- a/config/lovelace/popup_cards.yaml +++ b/config/lovelace/popup_cards.yaml @@ -450,8 +450,9 @@ vacuum.vacuum: style: *broad_popup_style card: type: custom:layout-card - layout: horizontal - max_columns: 2 + layout_type: custom:horizontal-layout + layout: + max_cols: 2 cards: - type: custom:vacuum-card entity: vacuum.vacuum