Add css for messaging bug and bg image to login

Cadasta · Apr 28, 2016 · 73ccf1e · 73ccf1e
1 parent 28a9a1b
commit 73ccf1e
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 3 deletions.
diff --git a/cadasta/core/static/css/main.scss b/cadasta/core/static/css/main.scss
@@ -456,18 +456,31 @@ img.org-logo, img#org-logo {
   height: 120px;
 }
 
-/* =Narrow form
+/* =Registration area & narrow form
 -------------------------------------------------------------- */
 
+.tinted-bg { // photo for login and register forms
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 100%;
+    z-index: 1;
+    background: linear-gradient(rgba(44, 74, 165, 0.55), rgba(44, 74, 165, 0.55)), url("/static/img/land.jpg");
+    background-size: cover;
+}
+
 .form-narrow {
   margin: 0 auto;
-  max-width: 400px;
+  max-width: 500px;
   background: #fff;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   padding: 30px 40px;
   margin-top: 30px;
+  z-index: 100;
+  position: relative;
   h1 {
     text-align: center;
     margin: 4px auto 24px;
@@ -518,6 +531,11 @@ img.org-logo, img#org-logo {
   background-color: fuchsia;
 }
 
+#messages { // success messages on top of map
+  position: relative;
+  z-index: 100;
+}
+
 /* =Footer
 -------------------------------------------------------------- */
 

diff --git a/cadasta/core/static/img/land.jpg b/cadasta/core/static/img/land.jpg
diff --git a/cadasta/templates/allauth/account/login.html b/cadasta/templates/allauth/account/login.html
@@ -49,7 +49,7 @@ <h1>{% trans "Sign in to your account" %}</h1>
     {% render_field form.password class+="form-control input-lg" placeholder="" %}
   </div>
 
-  <div class="small">
+  <div class="small pull-right">
     <a href="{% url 'account_reset_password' %}">
       {% trans "Forgotten password?" %}
     </a>
@@ -77,4 +77,6 @@ <h1>{% trans "Sign in to your account" %}</h1>
   </p>
 </form>
 
+<div class="tinted-bg"></div>
+
 {% endblock %}