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