diff --git a/library/components/poster/PosterWall.vue b/library/components/poster/PosterWall.vue index e621876f8..8d6d1589f 100644 --- a/library/components/poster/PosterWall.vue +++ b/library/components/poster/PosterWall.vue @@ -794,6 +794,15 @@ useShadowStyles( 'display:flex;flex-wrap:wrap;gap:3px;justify-content:center;' + 'box-shadow:0 1px 4px rgba(0,0,0,.10);cursor:default}' + '.is-dark .pstocks{background:#132019;border-color:rgba(110,231,183,.24)}' + + // ★ The open card outranks its siblings. 5 sits above any card (all of which are z-index:auto) + // and below the sticky section header at 6, so a revealed tape never covers the header the + // reader uses to scroll — a menu that hides its own navigation is a worse bug than the one + // being fixed here. + '.card.has-tape-open{z-index:5}' + + // The tape is OPAQUE and casts a shadow so it reads as sitting ON the card below rather than + // being tangled with it. Without a solid background the next card's text shows through, which is + // the other half of what "underlapping" looks like on a phone. + '.pstocks{box-shadow:0 2px 10px rgba(0,0,0,.18)}' + '.pfs > legend{margin:0 auto;padding:0 5px;font-size:8px;text-transform:uppercase;' + 'letter-spacing:.6px;font-weight:700;color:#8a93a0}' + '.is-dark .pfs > legend{color:#7f9c8c}' + @@ -1048,8 +1057,19 @@ useShadowStyles(