From 3f7c4ada6d73837d51a62d337d5c79eab6a7912e Mon Sep 17 00:00:00 2001 From: Reda Lemeden Date: Thu, 23 Feb 2012 17:04:54 -0500 Subject: [PATCH] Added tooltip on hover --- sass/discussion/_forms.scss | 29 +++++++++++++++++++++++++++-- 1 file changed, 27 insertions(+), 2 deletions(-) diff --git a/sass/discussion/_forms.scss b/sass/discussion/_forms.scss index c7cfe85648..8bea8d79ce 100644 --- a/sass/discussion/_forms.scss +++ b/sass/discussion/_forms.scss @@ -22,13 +22,38 @@ form.answer-form { .title-desc { @include box-sizing(border-box); + @include border-radius(4px); background: #333; color: #fff; + display: none; font-size: 13px; - padding: 5px 10px; - width: flex-grid(6); + padding: 7px 14px; -webkit-font-smoothing: antialiased; } + + &:hover { + .title-desc { + display: inline-block; + position: absolute; + margin-left: 10px; + z-index: 1; + width: 200px; + + &:before { + border-color: transparent #333 transparent transparent; + border-style:solid; + border-width:12px 12px 12px 0; + content:""; + height:0; + left:-10px; + position:absolute; + top:1; + width:0; + + } + } + } + } span.form-error, label.form-error {