From 443eafeecafdd6b650141ed175c9b37eab3a0b78 Mon Sep 17 00:00:00 2001
From: John O'Nolan <john@ghost.org>
Date: Mon, 11 May 2015 13:11:59 +0100
Subject: [PATCH] First styles for private blog login
---
core/client/app/styles/layouts/auth.scss | 26 +++++++++++++++++++++++-
core/server/views/password.hbs | 16 +++++++--------
2 files changed, 32 insertions(+), 10 deletions(-)
diff --git a/core/client/app/styles/layouts/auth.scss b/core/client/app/styles/layouts/auth.scss
index fec2f99918..7b11d55fb1 100644
--- a/core/client/app/styles/layouts/auth.scss
+++ b/core/client/app/styles/layouts/auth.scss
@@ -265,4 +265,28 @@
width: 100%;
height: 37px;
}
-}//.forgotten-form
\ No newline at end of file
+}//.forgotten-form
+
+
+//
+// Private Blog Login
+// Slug: /private/
+// --------------------------------------------------
+
+.private-login {
+ h1 {
+ margin-bottom: 2rem;
+ text-indent: 0;
+ }
+ .form-group {
+ margin: 0;
+ }
+ input[type="password"] {
+ padding: 9px 7px;
+ border-radius: 3px 3px 0 0;
+ }
+ .private-login-button {
+ padding: 9px 1.8em;
+ border-radius: 0 0 3px 3px;
+ }
+}
diff --git a/core/server/views/password.hbs b/core/server/views/password.hbs
index 6ab2bd23fd..7ca982515b 100644
--- a/core/server/views/password.hbs
+++ b/core/server/views/password.hbs
@@ -24,19 +24,17 @@
<main role="main" id="main" class="viewport">
<section class="setup-box js-setup-box fade-in">
<div class="vertical">
- <form id="setup" class="setup-form" method="post" novalidate="novalidate">
- <header>
- <h1>This blog is private</h1>
- </header>
+ <form id="setup" class="setup-form private-login" method="post" novalidate="novalidate">
+ <h1>This blog is private</h1>
<input type="hidden" name="forward" value="{{forward}}">
<div class="form-group">
- <input type="text" name="password" autofocus="autofocus" class="icon-lock">
- </div>
- <footer>
- <button type="submit" class="btn btn-green btn-lg">
+ <span class="input-icon icon-lock">
+ <input class="private-login-password" type="password" name="password" autofocus="autofocus" />
+ </span>
+ <button class="btn btn-green private-login-button" type="submit">
Enter
</button>
- </footer>
+ </div>
</form>
</div>
</section>