fix list view

This commit is contained in:
Anthony 2022-05-24 13:49:28 +02:00 committed by Thomas Zarebczan
parent 26bde0a390
commit b1516a904d

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,7 @@
@include handleChannelGif(6rem); @include handleChannelGif(6rem);
} }
// any-pointer media query prevents double click hover bug on ipad
@media (any-pointer: fine) { @media (any-pointer: fine) {
// show watch later button and duration divs when hovered // show watch later button and duration divs when hovered
&:hover { &:hover {
@ -1480,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']) {
@ -1487,6 +1491,7 @@ $claim-preview-progress-bar-height: 5px;
} }
} }
} }
}
.claim-preview__overlay-properties { .claim-preview__overlay-properties {
display: flex; display: flex;