commit 2f47e10a79710467ddda13f4afd6065994a2de9b parent 944465a4469d5f10bc7277f493d52c90e2f018ce Author: MTRNord <mtrnord1@gmail.com> Date: Sun, 25 Mar 2018 11:52:09 +0200 Move missing css Diffstat:
| M | src/app/papers-list/papers-list.component.scss | | | 45 | +++++++++++++++++++++++++++++++++++++++++++++ |
1 file changed, 45 insertions(+), 0 deletions(-)
diff --git a/src/app/papers-list/papers-list.component.scss b/src/app/papers-list/papers-list.component.scss @@ -11,3 +11,48 @@ grid-template-columns: repeat(4, 1fr); } } + +/* Made by https://codepen.io/gschier/pen/HCoqh */ + +.lightbox { + /** Default lightbox to hidden */ + display: none; + + /** Position and style */ + position: fixed; + z-index: 999; + width: 100%; + height: 100%; + text-align: center; + top: 0; + left: 0; + background: rgba(0,0,0,0.8); +} + +.lightbox > .img-wrapper { + width: 50%; + height: 50%; + overflow: auto; + margin: auto; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; +} + +.lightbox > .img-wrapper img { + /** Pad the lightbox image */ + max-width: 90%; + max-height: 80%; + //margin-top: 2%; + position: relative; +} + +.lightbox:target { + /** Remove default browser outline */ + outline: none; + + /** Unhide lightbox **/ + display: block; +}