Skip to content
Snippets Groups Projects
Commit daec5a60 authored by Karl Hasselbring's avatar Karl Hasselbring
Browse files

Tooltips haben jetzt einen weichen Übergang und es gibt Verzögerte Klassen für Tooltops

parent 8cd21cf8
No related branches found
No related tags found
3 merge requests!1262WIP: Resolve "Spendenseite Texte anpassen",!1207WIP: Resolve "Rechtschreibfehler",!1198Meta ger redesign
...@@ -220,8 +220,13 @@ button { ...@@ -220,8 +220,13 @@ button {
* Tooltip mit entsprechendem Inhalt unterhalb des Elements angezeigt * Tooltip mit entsprechendem Inhalt unterhalb des Elements angezeigt
*/ */
*[data-tooltip]:hover { *[data-tooltip] {
position: relative; &:hover {
position: relative;
&:after {
opacity: 1;
}
}
&:after { &:after {
content: attr(data-tooltip); content: attr(data-tooltip);
position: absolute; position: absolute;
...@@ -239,5 +244,16 @@ button { ...@@ -239,5 +244,16 @@ button {
text-decoration: none; text-decoration: none;
text-align: center; text-align: center;
pointer-events: none; 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
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment