Arsharth/hydrogen-web
1
0
Fork 0
forked from mystiq/hydrogen-web
Code Issues Pull requests Projects Releases Packages Wiki Activity

Set explicit height on lightbox container

Browse source 
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
1 changed files with 3 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/platform/web/ui/css/layout.css
View file

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