Enable flex-shrink for navigator ribbon

sul-cidr / josquin-ribbon

http://ribbon.stanford.edu/

BSD 3-Clause "New" or "Revised" License

12 stars 0 forks source link

Enable flex-shrink for navigator ribbon #211

Closed broadwell closed 5 years ago

broadwell commented 5 years ago

This solves a problem with Firefox (observed on Mac OS) wherein the bottom navigator ribbon scrolls off the right edge of the page when the piece is sufficiently long (e.g., http://127.0.0.1:7000/?id=Jos2720). This doesn't happen with Chrome or Safari because apparently they don't check the flex-shrink value?

simonwiles commented 5 years ago

Thanks Peter -- the width should respect the parent width (flex-grow: 1 shouldn't allow it to overflow its container), so I'm not sure why this is necessary on FF, but it's a clean fix.