diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2020-08-28 16:54:37 +0200 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2020-08-28 16:54:37 +0200 |
| commit | 9a0409093eac59e589e27430b2fd9a5a3dab8009 (patch) | |
| tree | 48474d59481e1460ba06cef2bb7381fe226e4649 /animism-align/frontend/app/views/viewer/player/player.transcript.css | |
| parent | e7aba6241ae80f41880193896422aa90c7d4144d (diff) | |
speaker icon on paragraphs
Diffstat (limited to 'animism-align/frontend/app/views/viewer/player/player.transcript.css')
| -rw-r--r-- | animism-align/frontend/app/views/viewer/player/player.transcript.css | 30 |
1 files changed, 30 insertions, 0 deletions
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 9ca426e..47925ef 100644 --- a/animism-align/frontend/app/views/viewer/player/player.transcript.css +++ b/animism-align/frontend/app/views/viewer/player/player.transcript.css @@ -112,6 +112,36 @@ transition: all 0.1s; } +.player-transcript .paragraph { + position: relative; +} +.speaker-icon { + position: absolute; + top: 0; + left: -5.5rem; + display: flex; + justify-content: center; + align-items: center; + opacity: 0; + transition: opacity 0.2s; + padding: 1.5rem; +} +.intro_paragraph .speaker-icon { + top: -0.75rem; +} +.speaker-icon svg { + background: black; + border-radius: 50%; + width: 2.5rem; + height: 2.5rem; +} +.speaker-icon svg path { + fill: white; +} +.paragraph:hover .speaker-icon { + opacity: 1; +} + /* media */ .player-transcript .media { |