diff options
Diffstat (limited to 'animism-align/frontend/app/views/viewer/nav/eflux.css')
| -rw-r--r-- | animism-align/frontend/app/views/viewer/nav/eflux.css | 39 |
1 files changed, 34 insertions, 5 deletions
diff --git a/animism-align/frontend/app/views/viewer/nav/eflux.css b/animism-align/frontend/app/views/viewer/nav/eflux.css index fe57779..2740a2e 100644 --- a/animism-align/frontend/app/views/viewer/nav/eflux.css +++ b/animism-align/frontend/app/views/viewer/nav/eflux.css @@ -76,17 +76,46 @@ stroke: #fff; } -.growl-message { +.growl-tooltip { position: absolute; - top: 0; left: 50%; - transition: transform 0.2s; - transform: translateZ(0) translateY(-5rem) translateX(-50%); background: black; color: white; border: 1px solid; padding: 0.75rem; +} +.growl-tooltip.tooltip-eflux { + left: 1.8rem; + top: 4rem; + transition: opacity 0.2s, transform 0.2s; + transform: translateZ(0) translateY(1rem); + opacity: 0; +} +.growl-tooltip.tooltip-play { + right: 6.5rem; + top: 4rem; + transition: opacity 0.2s, transform 0.2s; + transform: translateZ(0) translateY(1rem); + opacity: 0; +} +.growl-tooltip.tooltip-transcript { + right: 2.2rem; + top: 4rem; + transition: opacity 0.2s, transform 0.2s; + transform: translateZ(0) translateY(1rem); + opacity: 0; +} +.growl-tooltip.tooltip-eflux.hover, +.growl-tooltip.tooltip-play.hover, +.growl-tooltip.tooltip-transcript.hover { + transform: translateZ(0) translateY(0); + opacity: 1; +} +.growl-message { + top: 0; left: 50%; + transition: transform 0.2s; + transform: translateZ(0) translateY(-5rem) translateX(-50%); margin-top: 1rem; } .growl-message.open { transform: translateZ(0) translateY(0) translateX(-50%); -}
\ No newline at end of file +} |