PRX/Play-Next.js

Smarter embed player layout switching

Closed this issue · 0 comments

Current breakpoint for layout switch is based on conditions that result in all the control buttons (5 when showing playlist) and menu buttons (3) being displayed, and the thumbnail is shown spanning the text and controls height. There cases were we will have fewer controls (normal player mode) or fewer menu buttons (no donations link provided). When this occurs, we end up changing layouts that do not feel correct for the amount of horizontal content being shown.

Consider alternative solutions to media queries to allow dynamic breakpoints for layout switching.