Hello there,
I’m trying to set up a picture-elements card with image overlays (my car as the base, then adding elements like an open trunk, open doors, etc.).
Positioning these overlays precisely using top/left (and sometimes transform: translate, scale) is quite tricky. To fine-tune it, I work with two windows:
- One with the UI editor or YAML code
- One displaying the card
When I save, the second window prompts for a refresh, which is great. However, the first window exits edit mode and returns to the Lovelace dashboard after saving.
This forces me to repeatedly go through Edit > Show code editor > scroll back to my position, just to make small adjustments (tweaking values by 1 or 2 hundredths of a percent).
Instead of exiting edit mode after saving, it would be much better if the “Save” button simply became a “Close” button after saving, allowing the editor to stay open and keep my current cursor position.
EDIT: Preview is not the way to go, here is my card in preview
And this is how it looks like in real size
