From d3e914f76a375ecd47a009cb542f824d01241dc2 Mon Sep 17 00:00:00 2001 From: rodrigo Date: Sun, 6 Mar 2016 17:36:15 -0300 Subject: Add help text below the input box when a user starts typing --- web/sass-files/sass/partials/_post.scss | 24 ++++++++++++++++++++---- 1 file changed, 20 insertions(+), 4 deletions(-) (limited to 'web/sass-files') diff --git a/web/sass-files/sass/partials/_post.scss b/web/sass-files/sass/partials/_post.scss index 4478b3f15..a667a851c 100644 --- a/web/sass-files/sass/partials/_post.scss +++ b/web/sass-files/sass/partials/_post.scss @@ -58,22 +58,38 @@ body.ios { box-shadow: none; white-space: normal; } - .textbox-preview-link, .textbox-help-link { + .textbox-help-link { position: absolute; z-index: 3; bottom: -23px; font-size: 13px; cursor: pointer; } - .textbox-preview-link { - right: 45px; - } .textbox-help-link { right: 0; } min-height:36px; } +.help_format_text { + position: absolute; + z-index: 3; + bottom: -23px; + font-size: 0.7em; + right: 45px; + color: #999; + transition: visibility 0s, opacity 0.5s linear; + + b, i, code { + margin-right: 3px; + } + .textbox-preview-link{ + font-size: 13px; + cursor: pointer; + margin-left: 15px; + } +} + .date-separator, .new-separator { text-align: center; height: 2em; -- cgit v1.2.3-1-g7c22