From d4c0c1747b999c6d7254ecb67b5e03f6bb97da81 Mon Sep 17 00:00:00 2001 From: xofe <22776566+xofe@users.noreply.github.com> Date: Fri, 24 Nov 2017 08:14:15 +0000 Subject: [PATCH] fade-in tooltips, like uBO --- src/css/common.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/src/css/common.css b/src/css/common.css index e3d3139..6950fa9 100644 --- a/src/css/common.css +++ b/src/css/common.css @@ -55,6 +55,10 @@ body[dir="rtl"] { position: relative; cursor: pointer; } +*[data-i18n-tip]:after { + content: ""; + opacity: 0; + } *[data-i18n-tip]:hover:after { background-color: #fffffa; border: 1px solid gray; @@ -65,10 +69,14 @@ body[dir="rtl"] { font: 12px sans-serif; line-height: 140%; min-width: 25vw; + opacity: 1; padding: 4px 6px; + pointer-events: none; position: absolute; text-align: start; top: 110%; + -webkit-transition: opacity 0.15s 0.5s; + transition: opacity 0.15s 0.5s; white-space: pre-line; z-index: 20; }