Thanks Ian that works except that there is some kind of conflict with the fold-entity-row.
It can only be unfolded after first unlocking it. Is that expected and intended because I would have expected the lock to have only affected the toggling.
Also it only stays unfolded for as long as it is unlocked.
Thanks a lot for this card, it has very good options.
I played with few options trying to:
on cards, move the lock to the right side.
on toggle entities, move the lock to be over the toggle
with #1, I used ârestriction-lock-margin-leftâ, in a first moment using the âexact value methodâ as seen in the documentation (default: 0px), I kept playing with numbers there till it goes to the right side of the card, which I eventually found the number, but the problem was when the card got resized, eg: when I saw the same card in my phone instead of my computer. When I saw the card in a smaller screen, it disappeared because it was setting a high value, which doesnt fit my phone screen. So, I tried % instead of exact value, and it worked (I used ârestriction-lock-margin-left: 95%â), so can I suggest you to possibly add this tip/possibility in the documentation? So, people who arenât good in CSS can know this method (likely it will save many hours of my HASS colleagues trying to find this solution and your time answering question here
for #2, I tried to use ârestriction-lock-row-margin-leftâ, but it didnât work. Does restriction-lock-row-margin-left work for toggle entities? If not, is currently there a way to do it? If not, could we have it in a feature request list
Hi Ian,
I have row: true in my config, ptal. The picture show the lock beside the entity name, Iâd like to move it to be over the toggle.
In my theme file I have: restriction-lock-row-margin-left: 90% (which didnât help).
Thanks for helping.
I cleared my browser cache, only this option (restriction-lock-row-margin-left) doesnât work or isnt changing what Im expecting as mentioned previously, any other item I change I see the difference in my browser.
did you use the same card config I use or did you use a similar one? if different, could you pls share? so I will compare.
in themes.yaml I have:
Dark - Green:
### restriction card
restriction-lock-margin-left: 95%
restriction-lock-row-margin-left: 90%
### rounded corners on cards
ha-card-border-radius: '20px'
### Main Interface Colors ###
primary-color: "#03B14B"
light-primary-color: "#47FC92"
ha-card-border-radius: '20px'
...