search

lukevink / hass-config-lajv

Home Assistant Configuration
1.16k stars 196 forks source link

Upcoming media card CSS config #9

Open Cassock opened 3 years ago

Cassock commented 3 years ago

Hey Luke! Thanks for sharing your config. I'm up and running with 1 exception - my upcoming media card has titles overlapping and falling off the screen, kinda like this: image Since there isn't much configured in the card, it feels like there is some CSS that's not being applied, possibly some of these entries: https://github.com/lukevink/hass-config-lajv/blob/master/ui-lovelace.yaml#L4686 Any advice? Thanks!

lukevink commented 3 years ago

Tricky to help without seeing your styles - but yes I'm applying some ridiculous hacky looking custom CSS to the upcoming media card. It involves hiding all the labels and adjusting the width of each poster so its full width, etc etc:

https://github.com/lukevink/hass-config-lajv/blob/cc435372da788fdbeb28c370fe10d6b4090d5244/ui-lovelace.yaml#L2638

There are now two versions of the CSS. One is as you show above, the other is just filling the whole screen with upcoming media (for when nothing at all is playing but my projector is on).

If you right click on a poster in your browser, then inspect, you can see if your styles are applying at all. If they arent applying I assume there's something wrong with your yaml. Feel free to share here and I can take a look!