fix(mobile): disable hover actions in CSS
Signed-off-by: Varun Patil <radialapps@gmail.com>pull/888/head
parent
c097bd4193
commit
e6d288d6d8
|
@ -318,7 +318,7 @@ $icon-size: $icon-half-size * 2;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (hover: hover) {
|
@media (hover: hover) and (pointer: fine) {
|
||||||
.p-outer:hover > & {
|
.p-outer:hover > & {
|
||||||
@include visible;
|
@include visible;
|
||||||
}
|
}
|
||||||
|
@ -433,7 +433,7 @@ div.img-outer {
|
||||||
|
|
||||||
display: none;
|
display: none;
|
||||||
transition: border-radius 0.1s ease-in;
|
transition: border-radius 0.1s ease-in;
|
||||||
@media (hover: hover) {
|
@media (hover: hover) and (pointer: fine) {
|
||||||
.p-outer:not(.selected):hover > & {
|
.p-outer:not(.selected):hover > & {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
|
@ -121,7 +121,7 @@ export default defineComponent({
|
||||||
}
|
}
|
||||||
|
|
||||||
// Show the icon (gray) when hovering or selected
|
// Show the icon (gray) when hovering or selected
|
||||||
@media (hover: hover) {
|
@media (hover: hover) and (pointer: fine) {
|
||||||
&:hover {
|
&:hover {
|
||||||
@include visible;
|
@include visible;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue