Minimalist Look - Title-less widgets: How to center icons?

Third party integrations HADashboard
1

So I’m trying to go for a minimal look for my dash(es). Which means getting rid of the titles, for one.

But this makes the icons look bottom-heavy (no titles = free space on top).

1110×357 22.1 KB

See what I mean? HADashboard gurus, please enlighten me.

2

This is a tough one because I adopted rigid settings for titles etc. to make everything align nicely. There are some circumstances in which this is not desirable, but the last version of HADashboard was a mess because nothing lined up.

Maybe the answer is to let this be a dashboard level decsison, but I need to figure out how that might look.

3

for switches, input_booleans, input_numbers, etc it is possible to change it.

you need to set the top from the icon style like this:

icon_style_inactive: "top: 10 px"
icon_style_active: "top: 10 px"

for sensors you need to set the top from the container, but im not sure if that was already implemented.

4

Have a similar issue, with media_player widget 2x1 and 2x2 … Can I make 2x1 and have the play forward rewind button centered?

5

you can try out every kind of css commands you like inside the style arguments to chnge the look from every widget.

6

The play forward rewind are outside the widget when in 2*1 mode.

Made a screen shot but this forum today almost impossible to use

7

you can try out every kind of css commands you like inside the style arguments to change the look from every widget, so also css commands that change the place from elements.

use google to find pages to learn about how to use CSS

8

Will do. How are the media player elements called?

9

for every widget you can find the elements you can change in the docs.
mediaplayer accepts these style settings.

widget_style
icon_on
icon_off
icon_up
icon_down
title_style
title2_style
icon_style_active
icon_style_inactive
text_style
level_style
level_up_style
level_down_style
10

I saw that, but play forward and rewind???

11

i have no mediaplayer in my dashboards
if the css in those style parts doesnt change the things you would like to change it is probably not possible without creating another widget.

12

Sorry to bumo this old thread.

Is there any reason why the custom css file isnt imported last when HADashboard is compiling the CSS file?
That way more things could be overwritten by the CSS file, instead of the way it is now when changes made in the custom_css gets overridden by default styles in some cases.

I’m probably just missing something though :wink:

13

custom_css shouldnt be overwritten by the default (and i cant imagine where that happens)
custom_css is overwritten by the settings in the dashboard though.