From daec5a606ed2971d3663b8df591705224d36d813 Mon Sep 17 00:00:00 2001 From: Karl Hasselbring <Karl Hasselbring> Date: Mon, 19 Feb 2018 10:39:27 +0100 Subject: [PATCH] =?UTF-8?q?Tooltips=20haben=20jetzt=20einen=20weichen=20?= =?UTF-8?q?=C3=9Cbergang=20und=20es=20gibt=20Verz=C3=B6gerte=20Klassen=20f?= =?UTF-8?q?=C3=BCr=20Tooltops?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- resources/assets/less/metager/general.less | 20 ++++++++++++++++++-- 1 file changed, 18 insertions(+), 2 deletions(-) diff --git a/resources/assets/less/metager/general.less b/resources/assets/less/metager/general.less index 0da4842eb..e4ee5efe1 100644 --- a/resources/assets/less/metager/general.less +++ b/resources/assets/less/metager/general.less @@ -220,8 +220,13 @@ button { * Tooltip mit entsprechendem Inhalt unterhalb des Elements angezeigt */ -*[data-tooltip]:hover { - position: relative; +*[data-tooltip] { + &:hover { + position: relative; + &:after { + opacity: 1; + } + } &:after { content: attr(data-tooltip); position: absolute; @@ -239,5 +244,16 @@ button { text-decoration: none; text-align: center; pointer-events: none; + opacity: 0; + transition: opacity 0.5s ease; + } + &.delayed:after { + transition-delay: 0.5s; + } + &.delayed-soft:after { + transition-delay: 0.2s; + } + &.delayed-strong:after { + transition-delay: 1s; } } \ No newline at end of file -- GitLab