From 4c28a41dffa000d9c14b8c7947dec957feb6f63e Mon Sep 17 00:00:00 2001 From: Lisa Passing Date: Tue, 28 Jul 2015 11:31:03 +0200 Subject: [PATCH] tweak tooltip --- app/styles/app/modules/tooltips.sass | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/app/styles/app/modules/tooltips.sass b/app/styles/app/modules/tooltips.sass index 4c6d783f..7a8625dc 100644 --- a/app/styles/app/modules/tooltips.sass +++ b/app/styles/app/modules/tooltips.sass @@ -1,8 +1,4 @@ %tooltip - &:hover .tooltip-bubble - transform: translateY(0) - opacity: 1 - .tooltip-bubble position: absolute top: -2.8em @@ -18,6 +14,7 @@ line-height: 1.3 text-align: center white-space: nowrap + visibility: hidden transition: all 100ms ease transform: translateY(20%) @@ -27,7 +24,6 @@ color: $white &:hover text-decoration: underline - &:before content: "" position: absolute @@ -38,6 +34,11 @@ z-index: -1 background-color: #818383 + &:hover .tooltip-bubble + transform: translateY(0) + opacity: 1 + visibility: visible + .tooltip @extend %tooltip .tooltip-bubble