Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[request] Weather card

See original GitHub issue

Hi, i dont know if its meant to work but i wanted to add the “weather card” or “simple weather card” to the homekit panel config but it doesnt seem to work.

thanks in advance

code

              - column: 2
                entities:
                  - entities:
                      - entity: weather.breucq
                      - card: 'custom:weather-card'
                        cardOptions:
                          entities:
                            - entity: 'weather.breucq'
                        noPadding: true
                      - card: 'custom:simple-weather-card'
                        cardOptions:
                          entities:
                            - entity: 'weather.breucq'
                        noPadding: true
                      - card: 'custom:mini-graph-card'
                        cardOptions:
                          entities:
                            - sensor.temp_zithoek
                          update_interval: 1
                        noPadding: true
                      - card: 'custom:mini-graph-card'
                        cardOptions:
                          entities:
                            - sensor.temp_leefruimte
                          update_interval: 1
                        noPadding: true
                    title: Temperatuur
                tileOnRow: 3

result afbeelding

Issue Analytics

State:
Created 3 years ago
Comments:9 (1 by maintainers)

Top GitHub Comments

1reaction

Freshhatcommented, May 29, 2020

Mhm you’re right the last update also created that behavior on my setup. But 10 min playing a little bit with the Chrome Dev Tools fixed it on my side - i’m not the CSS expert but try & error is always a good starting point.

Try this for the cardStyle:

                cardStyle: ":host {\n\theight: 100%;\n}\nha-card { background: transparent;\n\tcolor: #E9E9E9;\n\tbox-shadow: none;\n}\n.header {\n\tpadding: 10px 10px 0 10px;\n}\n.header .name, .header .name .ellipsis {\n\tfont-size: 13px!important;\n\tfont-weight: 500;\n\tcolor: #AF8A31;\n\topacity: 1;\n}\n.header icon {\n\tcolor: #f7d959;\n}\n.states {\n\tpadding: 0 10px;\n}\n.states .state {\n\tfont-size: 10px;\n}\n.header .icon {\n\tcolor: #f7d959;\n}\n.info .name-state .state {\n    font-size: 13px!important;\n}\n.state, .temp-attribute .temp {\n    font-size: 13px!important;\n}\n.temp-attribute .temp span {\n    font-size: 13px!important;\n}                \n"

0reactions

yvesfouquet4commented, Jun 5, 2020

worked like a charm, thanks for the feedback, appreciate it a lot !

Top Results From Across the Web

Weather Card with animated icons for Home Assistant Lovelace

This card uses the awesome animated SVG weather icons by amCharts.

Weather Cards designs, themes, templates and ... - Dribbble

Weather Cards. Inspirational designs, illustrations, and graphic elements from the world's best designers. Want more inspiration? Browse our search results.

Bootstrap Weather - free examples, widgets & templates

Responsive Weather templates built with the latest Bootstrap 5. Examples of weather dashboards with icons, cards, real data from API, interactive animated ...

Weather API - OpenWeatherMap

Please, sign up to use our fast and easy-to-work weather APIs. As a start to use OpenWeather products, we recommend our One Call...

Weather Card #01 - Pinterest

Feb 6, 2017 - Weather Card #01 designed by EvanLu . ... Weather App on Behance Weather Application, Mobile Application, Graphic Design...