Commit 1650efa5 authored by Patrick Lehner's avatar Patrick Lehner Committed by Michael Henretty
Browse files

Feature/fix hover style for ios (#468)

* Restrict Safari detection to iOS-only

* Hide 'Open in app' banner inside native iOS app

* Disable hover styles on iOS
parent 1e906235
...@@ -139,10 +139,8 @@ button { ...@@ -139,10 +139,8 @@ button {
} }
} }
@media (min-width: 600px) { body:not(.mobile-safari) button:hover {
button:hover:not(.ios) { background-color: var(--color-speak);
background-color: var(--color-speak);
}
} }
button.highlight { button.highlight {
...@@ -319,8 +317,10 @@ input:invalid { ...@@ -319,8 +317,10 @@ input:invalid {
transition: 100ms; transition: 100ms;
} }
.delete-box:hover, body:not(.mobile-safari) .delete-box:hover,
.play-box:hover { body.mobile-safari .delete-box:active,
body:not(.mobile-safari) .play-box:hover,
body.mobile-safari .play-box:active {
background-color: var(--color-listen-dark); background-color: var(--color-listen-dark);
} }
...@@ -346,10 +346,8 @@ input:invalid { ...@@ -346,10 +346,8 @@ input:invalid {
align-items: flex-end; align-items: flex-end;
} }
@media (min-width: 600px) { body:not(.mobile-safari) .vote-box > a:hover {
.vote-box > a:hover { background-color: var(--color-listen);
background-color: var(--color-listen);
}
} }
.vote-box.disabled > a { .vote-box.disabled > a {
...@@ -1088,7 +1086,7 @@ body.mobile-safari:not(.ios) #install-app.hide { ...@@ -1088,7 +1086,7 @@ body.mobile-safari:not(.ios) #install-app.hide {
} }
} }
.robot .bubble:hover { body:not(.mobile-safari) .robot .bubble:hover {
transform: scale(1.05); transform: scale(1.05);
} }
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment