Merge pull request #140 from matthojo/Login-Screen

Vertically center login form, fixes #134
TryGhost · Jun 11, 2013 · 2be5ce7 · 2be5ce7
2 parents bdd29fa + fbd5494
commit 2be5ce7
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/core/admin/assets/js/admin-ui-temp.js b/core/admin/assets/js/admin-ui-temp.js
@@ -1,6 +1,6 @@
 // # Temporary Admin UI
 
-/*global document, jQuery */
+/*global window, document, jQuery */
 
 (function ($) {
     "use strict";
@@ -31,6 +31,12 @@
             }
         });
 
+        // LOGIN SCREEN
+
+        var loginContainer = $(".js-login-container"),
+            marginTop = Math.round(($(window).height() - loginContainer.height()) / 2);
+        loginContainer.css('margin-top', marginTop);
+
         // EDITOR / NOTIFICATIONS
 
         $('.entry-content header, .entry-preview header').on('click', function () {

diff --git a/core/admin/views/login.hbs b/core/admin/views/login.hbs
@@ -1,5 +1,5 @@
 {{!< default}}
-<section class="login-box">
+<section class="login-box js-login-container">
     <form id="login" method="post">
         <div class="email-wrap">
             <input class="email" type="text" placeholder="Email Address" name="email">