royto / logbook-card

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

Change Date and Duration font size #51

Closed ctcoder5 closed 2 years ago

ctcoder5 commented 2 years ago

Has anyone messed with increasing the font size on the date and duration text? I find it hard to read especially on my phone. I noticed some styles in the logbook-card.js, but changing those did not appear to have an affect. Can I not update the logbook-card.js file on home assistant or would I need to pull down the repo and rebuild after changes?

royto commented 2 years ago

You can use mod-card for this

once installed you can apply style for card elements with style attribute in the card configuration

something like this

entity: sensor.my_sensor
max_items: 10
hiddenState:
  - ''
show:
  separator: true
separator_style:
  color: '#5B5048'
  style: dashed
type: 'custom:logbook-card'
style: |
  .attribute {
    font-size: 12px;
  }
ctcoder5 commented 2 years ago

Thanks @royto , I was not aware of mod-card. That sounds like the way to go.