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:
parent
5a4afc8f4b
commit
f496aff478
1 changed files with 3 additions and 0 deletions
|
@ -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 {
|
||||
|
|
Reference in a new issue