Fix album card play button overflow on mobile
This commit is contained in:
parent
1108a44df9
commit
d84b30bc84
1 changed files with 10 additions and 0 deletions
10
styles.css
10
styles.css
|
|
@ -6123,6 +6123,16 @@ img[src=''] {
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (hover: none) and (pointer: coarse) {
|
@media (hover: none) and (pointer: coarse) {
|
||||||
|
/* Allow play button to float outside square cover on mobile */
|
||||||
|
.card-image-wrapper {
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card:not(.artist) .card-image-wrapper .card-image,
|
||||||
|
.card:not(.artist) .card-image-wrapper .card-collage {
|
||||||
|
clip-path: inset(0 round var(--radius));
|
||||||
|
}
|
||||||
|
|
||||||
.main-content {
|
.main-content {
|
||||||
padding: var(--spacing-sm);
|
padding: var(--spacing-sm);
|
||||||
grid-area: main;
|
grid-area: main;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue