Closed Veuchez closed 3 years ago
@iantrich Do you have any idea how I can fix it? Thank you
I discovered that these shifts occur when I use car-mod and change the margins because every time you change a value the card and the css are reloaded causing these movements. What can I use instead of the code below to avoid this effect? style: | ha-card { --ha-card-box-shadow: 'none'; width: 20px; margin-left: 120px; border-radius: 0px }
seems to be caused by the "transition" property. Use this:
style: |
ha-card {
--ha-card-box-shadow: 'none';
width: 20px;
margin-left: 120px;
border-radius: 0px
transition: none;
}
seems to be caused by the "transition" property. Use this:
style: | ha-card { --ha-card-box-shadow: 'none'; width: 20px; margin-left: 120px; border-radius: 0px transition: none; }
Wow thank you so much! You solved my problem!
Checklist:
Release with the issue:
Last working release (if known):
Browser and Operating System: Windows 10 (Edge, Chrome, Firefox) + Android (Home Assistant APP)
Description of problem:
The bar-card refresh with each change in value
This is my code:
Javascript errors shown in the web inspector (if applicable):
Additional information: