fix(mobile): disable hover actions in CSS

Signed-off-by: Varun Patil <radialapps@gmail.com>
pull/888/head
Varun Patil 2023-10-24 14:58:30 -07:00
parent c097bd4193
commit e6d288d6d8
2 changed files with 3 additions and 3 deletions

View File

@ -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;
} }

View File

@ -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;
} }