🐛 Bug: oversized tabs on Firefox v82.0 - Githubissues

grey-software / toonin

Technology that allows you to tune in to your friends and family in realtime using peer-to-peer sharing.

https://toonin.grey.software

MIT License

67 stars 6 forks source link

🐛 Bug: oversized tabs on Firefox v82.0 #238

Closed dlqqq closed 3 years ago

dlqqq commented 3 years ago

Expected Behavior 🧭

The share and donate tabs should blend with the background.

Current Behavior 🔍

On Firefox v82.0, the share and donate tabs are oversized relative to their div containers, resulting in ugly scroll bars appearing on the edges.

20201105-150819 20201105-150814

Steps to Reproduce 🔢

install firefox latest (v82.0)
run toonin and click on share or donate tabs

Acceptence Criteria for Fix ✅

[ ] remove the scrollbars on share and donate tabs
[ ] preserve UI layout on chromium browsers

Possible Solution 🛠️

probably something to do with the CSS of the share-container class in src/SharePage.vue and src/DonatePage.vue. will submit PR with fix

dlqqq commented 3 years ago

actually, the scrollbars are briefly visible on chromium during the animation of switching between tabs, but curiously invisible when static.

version: Chromium 86.0.4240.111 Arch Linux