From f9fb4d8bd6a725acabec39aabc7f1e29ca08787b Mon Sep 17 00:00:00 2001 From: zmagod Date: Thu, 20 Oct 2016 14:34:45 +0200 Subject: [PATCH] move tooltip to the right [fixes SCI-591] --- app/assets/stylesheets/themes/scinote.scss | 31 +++++++++++----------- 1 file changed, 16 insertions(+), 15 deletions(-) diff --git a/app/assets/stylesheets/themes/scinote.scss b/app/assets/stylesheets/themes/scinote.scss index fd4050810..1e6b87735 100644 --- a/app/assets/stylesheets/themes/scinote.scss +++ b/app/assets/stylesheets/themes/scinote.scss @@ -1368,23 +1368,24 @@ html.turbolinks-progress-bar::before { } .modal-tooltip { - cursor: help; - position: relative; - display: inline-block; border-bottom: 1px dotted $color-alto; -} - -.modal-tooltip .modal-tooltiptext { - visibility: hidden; - display: block; - width: auto; - background-color: $color-alto; - color: $color-mine-shaft; - text-align: center; - padding: 5px; - border-radius: 6px; + cursor: help; + display: inline-block; position: absolute; - z-index: $infinity; + + .modal-tooltiptext { + background-color: $color-alto; + border-radius: 6px; + color: $color-mine-shaft; + display: block; + margin-left: 100px; + padding: 5px; + position: relative; + text-align: center; + visibility: hidden; + width: 200px; + z-index: $infinity; + } } .modal-tooltip:hover .modal-tooltiptext {