websites/dennogumi
websites/dennogumi
1
0
Fork 0
Code Releases Activity

Preserve aspect ratio, use correct figure caption

Browse source
This commit is contained in:
Luca Beltrame 2021-01-06 10:23:45 +01:00
commit 82ccc2c4d9
Signed by: einar
GPG key ID: 4707F46E9EC72DEC
1 changed files with 9 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

13
static/css/lightbox.css
View file

@ -8,8 +8,10 @@
z-index: 999; z-index: 999;
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
background: rgba(0, 0, 0, 0.8); } background: rgba(0, 0, 0, 0.8);
.lightbox img { }
.lightbox img {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
@ -17,7 +19,10 @@
bottom: 0; bottom: 0;
margin: auto; margin: auto;
max-width: 100%; max-width: 100%;
max-height: 100%; } max-height: 100%;
.lightbox:target { object-fit: contain;
}
.lightbox:target {
outline: none; outline: none;
display: block; } display: block; }