lovelace-fluid-level-background-card icon indicating copy to clipboard operation
lovelace-fluid-level-background-card copied to clipboard

Waves Appear Squared at 100% – Suggestion for Top Margin Adjustment

Open brunohenriquy opened this issue 7 months ago • 0 comments

Is your feature request related to a problem? Please describe. When the value reaches 100%, the top waves appear squared instead of smoothly rounded, which affects the visual representation of the fluid level.

Describe the solution you'd like Instead of the waves forming a flat, squared-off shape at 100%, they should maintain a natural curvature. A possible solution would be to introduce a new property, such as top_margin, which allows users to define a percentage-based margin at the top. This would provide flexibility in adjusting the wave position without affecting the full_value logic.

Describe alternatives you've considered As a workaround, I've set full_value to 103 so that 100% appears slightly lower, preventing the squared effect. However, this workaround is negatively impacting the severity logic. A built-in margin option would provide a more user-friendly and dynamic fix without breaking severity calculations.

Additional context

  • Squared Waves
    • Image
    • Image
  • Example of a margin top
    • Image
    • Image

brunohenriquy avatar Apr 02 '25 04:04 brunohenriquy