From c189588addbbee9ee5b901b5009c08a1fa91a0db Mon Sep 17 00:00:00 2001 From: Christian Scherm Date: Thu, 1 Nov 2018 01:49:14 +0100 Subject: [PATCH] [stable10] Center the logo and login fields Force constant vertical height for login box over all devices --- core/css/styles.css | 38 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 38 insertions(+) diff --git a/core/css/styles.css b/core/css/styles.css index 2a0ba82f3f22..8caa4658d1e8 100644 --- a/core/css/styles.css +++ b/core/css/styles.css @@ -928,6 +928,34 @@ div.crumb:active { margin: -13px; } +/* Force constant vertical height for login box over all devices */ +#body-login .wrapper { + height: 100vh; /* fix IE11 */ + display: -webkit-box !important; + -webkit-box-orient: horizontal !important; + -webkit-box-pack: center !important; + -webkit-box-align: center !important; + display: -webkit-flex !important; + -webkit-flex-direction: row !important; + -webkit-align-self: center !important; + -webkit-align-items: center !important; + display: -moz-box !important; + -moz-box-orient: horizontal !important; + -moz-box-pack: center !important; + -moz-box-align: center !important; + display: -ms-flexbox !important; + -ms-flex-direction: row !important; + -ms-flex-pack: center !important; + -ms-flex-align: center !important; + display: flex !important; + flex-direction: row !important; + align-self: center !important; + align-items: center !important; +} + +#body-login .v-align { + margin-top: -120px; +} /* LEGACY FIX only - do not use fieldsets for settings */ fieldset.warning legend, fieldset.update legend { @@ -951,3 +979,13 @@ fieldset.warning legend + p, fieldset.update legend + p { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } + +@media only screen and (max-width: 1030px) { + #body-login .v-align { + margin-top: 30px; + } + #body-login p.info { + margin: 0 auto; + padding-top: 35px; + } +}