From 5487ddebc2c0fff66450b27b554af525f7ef2cc8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Leonardo=20Sch=C3=A4ffer?= <leonardo.schaffer@gmail.com>
Date: Sun, 7 Jun 2015 18:51:11 -0300
Subject: Implemented floatlabels for input fields when composing email

---
 web-ui/app/scss/_compose.scss | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

(limited to 'web-ui/app/scss')

diff --git a/web-ui/app/scss/_compose.scss b/web-ui/app/scss/_compose.scss
index acff745d..1faa54dd 100644
--- a/web-ui/app/scss/_compose.scss
+++ b/web-ui/app/scss/_compose.scss
@@ -24,6 +24,9 @@
 
 // COMPOSE PANE
 #compose-box, #draft-box, #reply-box {
+  div.compose {
+    position: relative;
+  }
   margin: 5px 0 50px 30px;
   padding: 0;
   .input-container {
@@ -37,9 +40,26 @@
     display: inline-block;
     padding: 10px;
   }
+  label.floatlabel {
+    padding: 0.4rem !important;
+    position: absolute;
+    font-size: 0.6rem;
+    transition: all 0.1s linear;
+    opacity: 0;
+    font-weight: bold;
+  }
+  label.showfloatlabel {
+    color: #64BCD0 !important;
+    top: -0.3rem;
+    opacity: 1;
+  }
   input, textarea {
     margin: 0;
     border: none;
+    transition: all 0.1s linear;
+  }
+  input.showfloatlabel, textarea.showfloatlabel {
+    padding-top: 1rem !important;
   }
   input {
     &#subject {
-- 
cgit v1.2.3