marcokreeft87/room-card

Cannot change entity status font-size style

davefx opened this issue · 2 comments

davefx commented

Which version of Room Card?
1.07.20

Describe the bug
I'm trying to set the font-size for an entity status, but it cannot be overwritten.

To Reproduce
Steps to reproduce the behavior:

  1. I'm trying to change the size of the shown status in one of the entities:
        show_icon: false
        show_state: true
        show_name: false
        name: Secados tras última limpieza filtro
        styles:
          width: 40%
          text-align: center
          font-weight: "bold !important"
          font-size: "x-large !important"

  1. See error:
    imagen

  2. I see that the CSS font-size is overwritten for the span child and set to 10px.

Expected behavior
I would have expected to be able to customize the size of this entity status.

Desktop (please complete the following information):

  • OS: Linux
  • Browser: Chrome and Firefox

Smartphone (please complete the following information):

  • Device: OnePlus Nord
  • OS: Android
  • Browser: Firefox

Additional context
I've debugged the CSS for the element, and I see that we have a fixed font-size for the class .entity span, that doesn't seem to be customizable at all:

imagen

marcokreeft87 commented

This isn't a bug, but I'll look at it when I can

marcokreeft87 commented

The styles you want to apply can't be applied like you do.
You'll need card_mod for that