All issues were first found in Safari iOS and reproduced in Opera (chromium) desktop browser in responsive mode with iPhone X viewport.
Date: Apr 5, 2021 at 23:53 GMT+3
ย
- Broken "Add a discount code" section when creating new product. (still broken โ last checked Apr 18, 19.45 PT)
โข๏ธ What's broken: the "Name" and "Amount off" input fields are overlapping which make it unusable.
๐ Example url: https://gumroad.com/products/nFTrg/edit#checkout (must login as user)

โ
The quickest fix (with least effort) is to render those fields in row direction:

ย
- Navigation menu is broken in Settings > Upgrade page (still broken โ last checked Apr 18, 19.45 PT)
โข๏ธ What's broken: the navigation menu is overlapping with page title.
๐ URL: https://gumroad.com/settings/upgrade

โ
Allowing the menu to horizontally overflow should fix it:
ย
- Modals, navigation, and help content are off screen (still broken โ last checked Apr 18, 19.45 PT)
โข๏ธ What's broken: some section of the page are clipped, and some others make the layout inconsistent.
๐ URLs:

โ
One possible fix is to put max width on the offending contents:

ย
- Tooltip content in Upgrade Account page is off screen (still broken โ last checked Apr 18, 19.45 PT)
โข๏ธ What's broken: the content is clipped and unreadable because it goes beyond the viewport.
๐ URL: https://gumroad.com/settings/upgrade#

โ
The fix is to put max width for the tooltip content:

ย
- Z-Index collision in Upgrade Account checkout page (still broken โ last checked Apr 18, 19.45 PT)
โข๏ธ What's broken: texts from Upgrade Account checkout page ("Pay $10 Monthly", "Pay $108 yearly", and "Save 10%") overlapped with navigation menu due to broken z-index
๐ URL: https://gumroad.com/settings/pay#

โ
To fix this, adjust the z-index of the offending texts:

ย
That's it, thanks for reading and happy birthday ๐, Gumroad!
Loading Comments...