From 90352b1c0e3f9ebcd543ce047e852fd7ca05a012 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Fri, 30 Oct 2020 17:41:51 +0100 Subject: hovering logic --- .../frontend/app/views/viewer/player/player.transcript.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) (limited to 'animism-align/frontend/app/views/viewer/player/player.transcript.css') diff --git a/animism-align/frontend/app/views/viewer/player/player.transcript.css b/animism-align/frontend/app/views/viewer/player/player.transcript.css index 3725372..8d32abd 100644 --- a/animism-align/frontend/app/views/viewer/player/player.transcript.css +++ b/animism-align/frontend/app/views/viewer/player/player.transcript.css @@ -145,9 +145,13 @@ align-items: center; opacity: 0; cursor: pointer; - transition: opacity 0.2s; + transition: opacity 0.2s, transform 0.2s; + transform: translateZ(0); padding: 1.5rem; } +.audio-paused .not-scrollable .speaker-icon { + transform: translateZ(0) translateY(-3rem); +} .paragraph .speaker-icon { top: -1.5rem; left: -5.5rem; -- cgit v1.2.3-70-g09d2