Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

CSS ON OFF Button all red-green #1028

Closed
kiralikbeyin opened this issue Jul 5, 2018 · 3 comments · Fixed by #1029
Closed

CSS ON OFF Button all red-green #1028

kiralikbeyin opened this issue Jul 5, 2018 · 3 comments · Fixed by #1029
Labels
web interface
Milestone
1.13.1

Comments

@kiralikbeyin
Copy link

Safari all red or green
screen shot 2018-07-05 at 16 50 48

screen shot 2018-07-05 at 16 53 14

Mac Book
mcspr added a commit to mcspr/espurna that referenced this issue Jul 5, 2018
@mcspr
Safari switches and clip-path
1dc41f6 
Resolve xoseperez#1028
Safari only supports clip-path with `-webkit-` prefix: https://caniuse.com/#search=clip-path
I assume `clipPath` === `clip-path`, [docs only mention css property with dash and svg elem without](https://developer.mozilla.org/ru/docs/Web/CSS/clip-path)
@mcspr mcspr mentioned this issue Jul 5, 2018
Merged
@swilson86
Copy link

Same glitch also on Google Chrome running on iOS

@xoseperez
Copy link
Owner

I have merged @mcspr PR into dev. Can you please check if his code fixes the issue?

@xoseperez xoseperez added this to the 1.13.1 milestone Jul 10, 2018
@svwhisper
Copy link

The switch colours now appear correctly on MacOS Safari.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
web interface
Projects
None yet
Milestone
1.13.1
Development

Successfully merging a pull request may close this issue.

Safari needs -webkit- prefix for clip-path mcspr/espurna
4 participants
@xoseperez @svwhisper @kiralikbeyin @swilson86