Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-20 22:42:53 -05:00
Code Issues Activity

Merge pull request #143 from matthojo/Login-Screen

Browse source 
Fixes login box being off centred on small screens
This commit is contained in:
John O'Nolan 2013-06-13 04:36:12 -07:00
commit ed8ccc2170
2 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
core/admin/assets/js/admin-ui-temp.js
View file

@ -23,8 +23,8 @@
$(window).resize(function () { $(window).resize(function () {
var loginContainer = $(".js-login-container"), var loginContainer = $(".js-login-container"),
marginTop = Math.round(($(window).height() / 2) - loginContainer.outerHeight()); marginTop = Math.floor((loginContainer.parent().height() - loginContainer.height()) / 2) - 15;
loginContainer.css('margin-top', marginTop); loginContainer.css('margin-top', marginTop).fadeIn(400);
}); });

5
core/admin/assets/sass/layouts/login.scss
View file

@ -19,15 +19,16 @@
} }
main { main {
top: 15px; top: 15px;
@include breakpoint($mobile) { top: 0; } @include breakpoint($mobile) { top: 0; }
} }
}//.ghost-login }//.ghost-login
.login-box { .login-box {
max-width: 530px; max-width: 530px;
margin: 240px auto; // TODO: Change this to proper vertical centering with JS margin: 0 auto;
padding: 0; padding: 0;
display: none;
@include breakpoint(630px) { @include breakpoint(630px) {
max-width: 264px; max-width: 264px;