royto / logbook-card

Logbook card for Home Assistant UI Lovelace
GNU General Public License v3.0
203 stars 9 forks source link

Increase height of card #123

Closed 1darklyte closed 5 months ago

1darklyte commented 5 months ago

Hello

I see the note in the instructions on how to increase the height of the card in panel mode. However I am attempting to increase the height of the logbook (with scroll enabled) for the card while not in panel mode

I attempted the below cardmod code without any change.

card_mod:
  style: |
    ha-card {
      height: 500px !important;
    }

Appreciate your help on this

royto commented 5 months ago

Hello @1darklyte

try with

card_mod:
  style: |
    ha-card .card-content-scroll {
      height: 500px;
      max-height: 100%;
    }
1darklyte commented 5 months ago

Thank you for the assistance.

It didn't work, but i also realize I'm combining Auto Entities and Multiple Logbook to get wildcard filtering for the logbook which makes it more complex

Full card below

type: custom:auto-entities
card:
  type: custom:multiple-logbook-card
  desc: true
  group_by_day: true
  scroll: true
  history: 3
  show:
    separator: true
    state: true
    duration: false
    start_date: false
    end_date: true
    icon: true
    entity_name: true
  card_param: entities
filter:
  include:
    - entity_id: light.*
    - entity_id: climate.*
    - entity_id: fan.*
    - entity_id: person.*
  exclude:
    - entity_id: light.tc_helicon_goxlrmini*
    - entity_id: light.bedroom*
    - entity_id: light.hallway
    - entity_id: light.door
  card_mod:
    style: |
      ha-card .card-content-scroll {
        height: 500px;
        max-height: 100%;
      }
sort:
  method: last_updated
  reverse: true
royto commented 5 months ago

You need to put the card mod config inside the card config like this:

type: custom:auto-entities
card:
  type: custom:multiple-logbook-card
  desc: true
  group_by_day: true
  scroll: true
  history: 3
  show:
    separator: true
    state: true
    duration: false
    start_date: false
    end_date: true
    icon: true
    entity_name: true
  card_mod:
    style: |
      ha-card .card-content-scroll {
        height: 500px;
        max-height: 100%;
      }
  card_param: entities
filter:
  include:
    - entity_id: light.*
    - entity_id: climate.*
    - entity_id: fan.*
    - entity_id: person.*
  exclude:
    - entity_id: light.tc_helicon_goxlrmini*
    - entity_id: light.bedroom*
    - entity_id: light.hallway
    - entity_id: light.door
sort:
  method: last_updated
  reverse: true
1darklyte commented 5 months ago

thank you thank you thank you thank you that worked

Is there a way to do wildcard filtering in logbook card by chance. Would love to ditch the auto entities part.

royto commented 5 months ago

There is a feature request about this. I'm closing the issue