Mercurial > hg > mgallery
changeset 215:23995179ecd8
Use flexbox for centering the image on image pages.
author | Matti Hamalainen <ccr@tnsp.org> |
---|---|
date | Thu, 22 Mar 2018 21:18:14 +0200 |
parents | 926779f93229 |
children | 1aed2ad39903 |
files | basic.css |
diffstat | 1 files changed, 10 insertions(+), 1 deletions(-) [+] |
line wrap: on
line diff
--- a/basic.css Thu Mar 22 18:17:38 2018 +0200 +++ b/basic.css Thu Mar 22 21:18:14 2018 +0200 @@ -268,6 +268,15 @@ #imageImageBox { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + + display: flex; + align-items: center; + justify-content: center; } @@ -428,7 +437,7 @@ width: 40%; } - #pageInfoHeader { + #pageInfoHeader, h1 { font-size: 1.25em; }