diff options
| author | Étienne Loks <etienne.loks@iggdrasil.net> | 2019-01-17 18:07:42 +0100 |
|---|---|---|
| committer | Étienne Loks <etienne.loks@iggdrasil.net> | 2019-01-17 18:07:42 +0100 |
| commit | 07ac926c6c94a52015687673634fbcea5516f9b4 (patch) | |
| tree | d82f6946ff3ccee49d5cc1b2963b86df6fa7ec95 | |
| parent | c4bcdb05bcbef8582d6a8e4cb34329aa3afa5e9b (diff) | |
| download | Ishtar-07ac926c6c94a52015687673634fbcea5516f9b4.tar.bz2 Ishtar-07ac926c6c94a52015687673634fbcea5516f9b4.zip | |
Fi gallery display for FF 52 - better layout
| -rw-r--r-- | scss/custom.scss | 21 | ||||
| -rw-r--r-- | version.py | 4 |
2 files changed, 18 insertions, 7 deletions
diff --git a/scss/custom.scss b/scss/custom.scss index 22f912879..5b5bb0a9d 100644 --- a/scss/custom.scss +++ b/scss/custom.scss @@ -555,13 +555,24 @@ ul.compact{ } .thumb-image{ - display: block; - position:relative; - overflow:hidden; - padding-bottom:100%; + height: 200px; + position: relative; + overflow: hidden; } + .thumb-image img{ - position:absolute; + display: inline-block; + max-width: 100%; + max-height: 100%; + width: auto; + height: auto; + position: absolute; + left: 50%; /* This sets left top corner of the image to the center of the block... */ + top: 50%; /* This can be set also to bottom: 0; for aligning image to bottom line. Only translateX is used then. */ + -webkit-transform: translate(-50%,-50%); /* ...and this moves the image 50 % of its width and height back. */ + -ms-transform: translate(-50%,-50%); + -o-transform: translate(-50%,-50%); + transform: translate(-50%,-50%); } /* lightgallery */ diff --git a/version.py b/version.py index a14cf0d14..4be041249 100644 --- a/version.py +++ b/version.py @@ -1,5 +1,5 @@ -# 2.1.dev.20 -VERSION = (2, 1, 'dev', 20) +# 2.1.dev.21 +VERSION = (2, 1, 'dev', 21) def get_version(): |