Open jarrah31 opened 2 years ago
Good improvements, I think two new variables with multiline: false and big_icons: true could be a possible implementation.
That’s a great hint! I love how you have implemented this.
i had implemented the bigger icons and padding to allow for longer words to actually fit, but after the update to this card that has reverted and with the changes to this card i can't figure out how to get it back
Thank you for adjusting the font size and symbols, I have followed your method to achieve a better display, if it weren't for your work, I guess I would have to toss for a long time! 20230826 The current version has changed. I adjusted it accordingly. You can directly change the number and use your number to adjust it. The effect is also very good. I have annotated the original location and the current location in Chinese.
card_esh_welcome: template: "ulm_language_variables" variables: ulm_weather: "[[[ return variables.ulm_weather]]]" entity_1: color: > [[[ var colors = ['yellow', 'blue', 'red', 'purple','green', 'pink']; var color = colors[Math.floor(Math.random() colors.length)]; return color; ]]] entity_2: color: > [[[ var colors = ['yellow', 'blue', 'red', 'purple','green', 'pink']; var color = colors[Math.floor(Math.random() colors.length)]; return color; ]]] entity_3: color: > [[[ var colors = ['yellow', 'blue', 'red', 'purple','green', 'pink']; var color = colors[Math.floor(Math.random() colors.length)]; return color; ]]] entity_4: color: > [[[ var colors = ['yellow', 'blue', 'red', 'purple','green', 'pink']; var color = colors[Math.floor(Math.random() colors.length)]; return color; ]]] entity_5: color: > [[[ var colors = ['yellow', 'blue', 'red', 'purple','green', 'pink']; var color = colors[Math.floor(Math.random() * colors.length)]; return color; ]]] show_icon: false show_label: true show_name: false styles: grid:
styles: name:
card_esh_welcome_title: tap_action: action: "none" show_icon: false show_label: true show_name: true styles: label:
card_esh_welcome_nav: show_icon: false show_name: true show_label: false styles: grid:
card_esh_welcome_pill_nav: tap_action: action: "navigate" navigation_path: "[[[ return variables.entity?.nav; ]]]" show_icon: false show_label: false show_name: false state:
rgba(var(--color-${variables.entity?.color}), 1)
;]]]"
rgba(var(--color-${variables.entity?.color}), 0.20)
;]]]"card_esh_welcome_topbar: show_icon: false show_label: false show_name: true styles: grid:
@EverythingSmartHome
Thank you for your excellent detailed tutorial video that helped me get up to speed with the very useful minimalist Dashboard. I would however like to suggest some font and chip size alterations with your custom_card_esh_welcome module please.
Current size of the chip and font:![image](https://user-images.githubusercontent.com/3072303/168341124-d9c7f84a-2d15-4b1b-9c31-3896d2e8031c.png)
Suggested size:![image](https://user-images.githubusercontent.com/3072303/168341404-8c8ef4bd-33e4-4b72-ac6d-f8ca7d58bff1.png)
The code changes are as follows:
The full set with the changes is here: