circles around the icon are not aligned when changing browser zoom in safari.

nielsfaber / alarmo-card

Home Assistant card for controlling the Alarmo component

98 stars 18 forks source link

circles around the icon are not aligned when changing browser zoom in safari. #20

Closed jtonk closed 2 years ago

jtonk commented 2 years ago

Checklist

[ x] I checked for similar existing issues (both open and closed) before posting.
[ x] I am running the latest version.

Expected behavior

card to properly scale when browser zoom is adjusted when using safari

Actual behavior

circles around the icon are not aligned

Steps to Reproduce

change the browser zoom level in safari macOS Monterey 12.0.1, see picture

--- UPDATE --- I think I found the culprit: the .remaining class has a transfer:rotate(90deg). if removed or set to 0 it aligns with the white circle

nielsfaber commented 2 years ago

This should be resolved in v1.2.2. Please test it and close the issue if so, otherwise let me know.

jtonk commented 2 years ago

tnx! ik looks good now in safari as well.

Misiu commented 2 years ago

@jtonk please close the issue if everything works as expected

nielsfaber commented 2 years ago

@Misiu you here 👀? I didn’t know you were secretly using alarmo 😉

Misiu commented 2 years ago

@nielsfaber not yet :) I browse useful repositories from time to time, and I saw one issue that could be closed :) I'm installing motion sensors and door sensors in my new house, so give me some time and I'll definitively use alarmo 💪