Set explicit height on lightbox container

Without an explicit height defined on the container, Safari
fails to expand the `.picture` content. On desktop this results
in the image showing too small and at the top of the screen.
On mobile the picture ends up with zero height and is completely
hidden.

This commit fixes the issue by defining a height of 100% on the
`.lightbox` border box.

Fixes: #278

Signed-off-by: Johannes Marbach <n0-0ne+github@mailbox.org>
This commit is contained in:
Johannes Marbach 2021-03-22 14:08:30 +01:00
parent 5a4afc8f4b
commit f496aff478

View File

@ -117,6 +117,9 @@ main {
left: 0;
right: 0;
z-index: 1;
/* Safari requires an explicit height on the container to prevent picture content from collapsing */
box-sizing: border-box;
height: 100%;
}
.TimelinePanel {