LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

Fix hover bug on iPad requiring double click (1545)

Browse source
This commit is contained in:
Anthony 2022-05-25 09:21:12 +08:00 committed by infinite-persistence
commit 58270ab758
No known key found for this signature in database
GPG key ID: B9C3252EDC3D0AA0
1 changed files with 55 additions and 46 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
ui/scss/component/_claim-list.scss
View file

@ -250,11 +250,13 @@
}
}
@media (any-pointer: fine) {
&:hover {
.claim__menu-button {
opacity: 1;
}
}
}
@media (max-width: $breakpoint-small) {
// padding: var(--spacing-s) !important;
@ -410,6 +412,8 @@
@include handleChannelGif(6rem);
}
// any-pointer media query prevents double click hover bug on ipad
@media (any-pointer: fine) {
// show watch later button and duration divs when hovered
&:hover {
.media__thumb {
@ -437,6 +441,7 @@
opacity: 1 !important;
}
}
}
@media (max-width: $breakpoint-small) {
font-size: 14px;
@ -970,6 +975,7 @@
}
}
@media (any-pointer: fine) {
&:hover {
cursor: pointer;
@ -990,6 +996,7 @@
transition: 0.3s;
}
}
}
a {
&:focus {
@ -1476,6 +1483,7 @@ $claim-preview-progress-bar-height: 5px;
}
@media (min-width: $breakpoint-small) {
@media (any-pointer: fine) {
.claim-preview--tile:not(:hover),
.claim-preview__wrapper:not(:hover) {
.claim__menu-button:not(:focus):not([aria-expanded='true']) {
@ -1483,6 +1491,7 @@ $claim-preview-progress-bar-height: 5px;
}
}
}
}
.claim-preview__overlay-properties {
display: flex;