[Mobile] fancybox display is broken #1

New Issue

keb · 2021-01-09T19:31:01Z

keb commented

2021-01-09 19:31:01 +00:00

fancybox initially has a transparent background for caption. Here, I made it white to have a kinda "museum" feel. It's tweaked right on desktop, but on mobile, the paintings are vertically centered and not positioned with the top of the viewport, making them cut down.
The issue does not appear when removing <meta name="viewport" content="width=device-width, initial-scale=1">. However, it's not an acceptable fix to just remove the mobile scaling.

Pretty big issue that needs to be fixed.

fancybox initially has a transparent background for caption. Here, I made it white to have a kinda "museum" feel. It's tweaked right on desktop, but on mobile, the paintings are vertically centered and not positioned with the top of the viewport, making them cut down. The issue does not appear when removing `<meta name="viewport" content="width=device-width, initial-scale=1">`. However, it's not an acceptable fix to just remove the mobile scaling. Pretty big issue that needs to be fixed.

keb self-assigned this 2021-01-09 19:31:01 +00:00

keb added the

bug

label 2021-01-09 19:31:01 +00:00

keb started working 2021-01-30 16:27:10 +00:00

keb canceled time tracking 2021-01-30 16:27:16 +00:00

keb referenced this issue from a commit

2021-01-30 17:03:32 +00:00

Overlapping caption on mobile fixed

keb locked as Resolved and limited conversation to collaborators 2021-01-30 17:03:52 +00:00

keb closed this issue

2021-01-30 17:04:41 +00:00