diff options
| author | Jefferson Stachelski <jefferson.stachelski@gmail.com> | 2015-07-28 14:38:25 -0300 |
|---|---|---|
| committer | Jefferson Stachelski <jefferson.stachelski@gmail.com> | 2015-07-28 14:38:25 -0300 |
| commit | 6cba38db104dbbedc7c0f29b22c242ac43a75bcd (patch) | |
| tree | bd7802ae7b17e818bcaa22c2e3ee49d8cefac24b /web-ui/app/scss | |
| parent | 1d77f71ae03087c2264de21cbc3ccf17612a9d78 (diff) | |
| parent | b228de6c5ef8cbf772f7d05d9e851acc96fb58a0 (diff) | |
Merge pull request #407 from schaffer/floatlabel_for_compose
Trying to fix issue #384
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..01890797 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.floatlabel { + 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 { |