diff options
author | Leonardo Schäffer <leonardo.schaffer@gmail.com> | 2015-06-07 18:51:11 -0300 |
---|---|---|
committer | Leonardo Schäffer <leonardo.schaffer@gmail.com> | 2015-06-07 18:51:11 -0300 |
commit | 5487ddebc2c0fff66450b27b554af525f7ef2cc8 (patch) | |
tree | fd0d63572a75c44cae3d138b1bf6a755351151b9 /web-ui/app/scss | |
parent | 4981e7ad505cd1cea767e7d12fcf9c6521994f86 (diff) |
Implemented floatlabels for input fields when composing email
Diffstat (limited to 'web-ui/app/scss')
-rw-r--r-- | web-ui/app/scss/_compose.scss | 20 |
1 files changed, 20 insertions, 0 deletions
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 { |