Frontend: Lovelace: Entity Button Card forces title to be all caps

Created on 5 Jan 2019  路  4Comments  路  Source: home-assistant/frontend

Home Assistant release with the issue:
0.84.6

Last working Home Assistant release (if known):
N/A

Browser and Operating System:
All browsers / O/S

Description of problem:
The Entity Button Card changes the titles/names of the entities to be all caps. This seems to be the only component in HA that forces the titles/names to all caps. Every other component displays the titles / names as the user types them.

Most helpful comment

We really need some styling option for the text. The all caps does not look good with too many buttons.

All 4 comments

Correct, we're following the material design guidelines which requires buttons to be all caps.

@balloob Since this was new to me, I went and read the Material Design Standards on buttons (https://material.io/design/components/buttons.html). So I'm curious why the Home Assistant project has decided of all the button standards that the uppercase was the one to follow, but ignores the other portions.

Of note in every example provided in the document, the text of the button is a different color, indicating the button has a different action. But in Home Assistant the text is not different, instead it looks identical to all the other text, except it is capital. But if I were to label my entities in the all caps it would look them appear identical to the buttons.

Here is a picture of my current dashboard (https://imgur.com/a/mvjzemz), note how the buttons look very similar to the Motion Detector indicator? Only it looks like I typed the buttons in all caps. This seems to violate the intent / spirit of the Material Design guidelines.

Not only that, but the home assistant "buttons" actually perform the exact same actions as the not buttons, so in the end the user experiences the same actions from the buttons, and not buttons, further blurring the lines between the two, making the reasoning for all caps only confusing to my second user (the wife)...

My two cents.

I would argue that our entity-button does not follow the MD guidelines at all. It's a card, not a button, really. e.g. The icon being above the text

We really need some styling option for the text. The all caps does not look good with too many buttons.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

Misiu picture Misiu  路  3Comments

aaron9060 picture aaron9060  路  3Comments

Depechie picture Depechie  路  3Comments

casperklein picture casperklein  路  4Comments

martinhoess picture martinhoess  路  3Comments