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;
|
||||
}
|
||||
|
||||
@media (hover: hover) {
|
||||
@media (hover: hover) and (pointer: fine) {
|
||||
.p-outer:hover > & {
|
||||
@include visible;
|
||||
}
|
||||
|
@ -433,7 +433,7 @@ div.img-outer {
|
|||
|
||||
display: none;
|
||||
transition: border-radius 0.1s ease-in;
|
||||
@media (hover: hover) {
|
||||
@media (hover: hover) and (pointer: fine) {
|
||||
.p-outer:not(.selected):hover > & {
|
||||
display: block;
|
||||
}
|
||||
|
|
|
@ -121,7 +121,7 @@ export default defineComponent({
|
|||
}
|
||||
|
||||
// Show the icon (gray) when hovering or selected
|
||||
@media (hover: hover) {
|
||||
@media (hover: hover) and (pointer: fine) {
|
||||
&:hover {
|
||||
@include visible;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue