svsticky/pxl

Detail buttons overlapping

Opened this issue · 3 comments

On iOS, the buttons in a photo's detail view are overlapping. Example (from Firefox, but all iOS browsers use the same rendering engine):

GitHawk Upload by tomwassenberg

duijf commented

Thanks for reporting. This is to the use of CSS grid an having left and right buttons. This happens on all screens which are narrower than a certain font size.

How would you like to see this fixed? Options I can see:

  • Decrease font size
  • Horizontal scrolling
  • Hamburger menu (would require JS)
  • Icons only
  • Move back to album button somewhere else on the page

Something else?

Icons only

This could work, although the icon for "back to album" isn't very clear to me.

Alternatively, the prev/next buttons are quite big, so maybe their size could be reduced a little, so there's more horizontal space for the other buttons.

duijf commented

I've hidden the report button in eb30074 temporarily since we didn't implement it anyway