Some Enhancements if you have time

[SteffenM-DE]

Hi,

great work for showing nice history of an entity.

I have some point with enhacemends if you like:

• The titel font and padding is very big so the card taks more space then needed. I tryed with crad-mod but could not minimize the padding. So it would nice to do some style thinks out of the box.
• An other style thing is to add an icon color option to the states to change icon and color on special states.
• It would be nice to show more then multi entities at one card, so we could show history of for example many doors etc.
• I would very nice if we can use a line break \n at the state. So I use templates to get all data in the state, but sometimes it would nice to set a line break.

Thanks you, Steffen

[royto]

Hi @SteffenM-DE

• for the title, I use the title from ha card so it is consistent with other HA card. If you want to style it with card mod, you can use this:

  card_mod:
  style: |
  ha-card .card-header {
    font-size: 1rem;
    padding: 0 1rem;
  }

Here is the result:

• Icon color: I'll add it to enhancement list
• Multi entities: see #13.
• If I understand well, you want to have the duration on another line like this

If yes, you can style it with card mod by adding this:

card_mod:
  style: |
    .item-content .duration {
      display: block;
      float: none;
    }

[SteffenM-DE]

Hi,

thank you for the comments and the solutions with Card-mod.

The point with line break I try to describe a little bit more:

I using a template to build a string from differnet entitiys and attributes, so I have a longer string in the template state. If I use this entity the state is showing at the main row of your sample it is 'Sous l'horizon'. If it is very long your card using two lines but breaks the line anywhere. With the manuel line break like other crads (Mushroom) I can make the line break on a special position.

I hope now it's clear whats my wish abaout.

Thanks.

[royto]

Can you provide me a screenshot ? How do you achieve that with mushrooms cards for example ?

[SteffenM-DE]

In Mushroom we can have a "\n" in a state and this is a line break so we can create a line break on a special position:

In the scrennshot you can see your card and my long state coming from a template starting with 'Eingehnd'. The first row have no line break but the second have after the arrow showing the called number. So if I creat the tempate state for the logbook entity I want to add a line break (\n) to have always a line break bevor the arrow. So all rows show the same construction.

I hope now it's clear. Thank you very much.

[royto]

Can you show how do you do to have multiline state ...

I tried but did not succeed to have it working ...

With this configuration

template:
  - sensor:
      - name: "test"
        unique_id: "9a00a4af-5319-4208-a72e-cdb33622c7f3"
        state: >-
          {{ "Multi \n
          line
          text" }}
          {{ "2" }}

I got this ...

[royto]

Can you test using this configuration ?

card_mod:
  style: |
    .state {
        white-space: pre-wrap;
    }

If it is working i'll add as default style for the card

[SteffenM-DE]

white-space: pre-wrap; did not work complet. I can add \n but sometimes it breaks the line if there is no \n and no reason to must break the line.

So I think Mushroom translate the \n to a linebreak so the user can decide where to break the line. Here is the example:

[royto]

Can you show me what it render on the logbook card and what you expect?

[SteffenM-DE]

Like the Mushroom scrennshot, I add \n in the template state and I want to render it as fixed line break inside the state.

Logbook look like that:

But I have add a \n befor the small arrow to have a line break at this position, that it looks this way. Because if there are numbers the line a longer and breaks on a ugly place ansd so I have a uniformly view with always a lin breka befor the target is shown:

Unbekannt ► Geschäft

[SteffenM-DE]

Thank you, is working now.