From 2189b9a950cd662e8b1a59c0a9e9a7ea43add587 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Tue, 24 Nov 2020 14:29:13 +0100 Subject: fix pausing, ff/sf percentage bar, copy link --- .../frontend/app/views/viewer/nav/nav.css | 23 ++++++++++++++++------ 1 file changed, 17 insertions(+), 6 deletions(-) (limited to 'animism-align/frontend/app/views/viewer/nav/nav.css') diff --git a/animism-align/frontend/app/views/viewer/nav/nav.css b/animism-align/frontend/app/views/viewer/nav/nav.css index dfbb093..1636b4d 100644 --- a/animism-align/frontend/app/views/viewer/nav/nav.css +++ b/animism-align/frontend/app/views/viewer/nav/nav.css @@ -161,22 +161,33 @@ .nav-progress-percentage { position: absolute; - bottom: 0; left: 0; - height: 3rem; + height: 4px; + bottom: calc(3rem - 4px); pointer-events: none; - backdrop-filter: invert(0%); - transition: opacity 0.2s, backdrop-filter 0.2s, width 0.25s linear; opacity: 0; + transition: opacity 0.2s; + background: #fff; } .nav-open .nav-progress-percentage, .viewer-nav.hovering-nav .nav-progress-percentage { - backdrop-filter: invert(100%); opacity: 1; } -.nav-open .nav-progress-percentage { + +.chrome .nav-progress-percentage { + bottom: 0; + height: 3rem; + backdrop-filter: invert(0%); + transition: opacity 0.2s, backdrop-filter 0.2s, width 0.25s linear; +} +.chrome .nav-open .nav-progress-percentage { height: calc(3rem - 1px); } +.chrome .nav-open .nav-progress-percentage, +.chrome .viewer-nav.hovering-nav .nav-progress-percentage { + backdrop-filter: invert(100%); +} + /* Arrows */ -- cgit v1.2.3-70-g09d2