diff options
Diffstat (limited to 'animism-align/frontend/app/views/viewer/nav/nav.css')
| -rw-r--r-- | animism-align/frontend/app/views/viewer/nav/nav.css | 64 |
1 files changed, 12 insertions, 52 deletions
diff --git a/animism-align/frontend/app/views/viewer/nav/nav.css b/animism-align/frontend/app/views/viewer/nav/nav.css index f84470f..4738493 100644 --- a/animism-align/frontend/app/views/viewer/nav/nav.css +++ b/animism-align/frontend/app/views/viewer/nav/nav.css @@ -73,7 +73,11 @@ align-items: center; cursor: pointer; } -.viewer-nav .link span { +.viewer-nav .link > span { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; @@ -83,6 +87,13 @@ padding-right: 1.25rem; } +.viewer-nav .link > span.replay-link { + display: inline-block; + max-width: 30vw; + overflow: hidden; + text-overflow: ellipsis; +} + .viewer-nav .next-section-thumbnail { position: absolute; right: 0; @@ -128,57 +139,6 @@ opacity: 1; } -/* Share box */ - -.nav-share { - position: absolute; - bottom: 3rem; - left: 0; - width: 20rem; - transform: translateY(30rem); - transition: opacity 0.01s, transform 0.2s; - padding: 0.5rem 1.5rem; - background: black; - border: 1px solid white; - color: white; - font-size: 18px; - /*opacity: 0;*/ -} -.checklist-open .nav-share { - top: 3rem; - z-index: 21; - transform: translateY(-30rem); - bottom: auto; -} -.share-open .nav-share { - transform: translateY(0); - opacity: 1; -} -.nav-share a { - color: white; - text-decoration: none; -} -.nav-share .share-success { - display: none; -} -.nav-share.copying .share-success { - margin-left: 1rem; - display: inline; - opacity: 1; - color: white; - font-size: 0.75rem; -} -.nav-share.copying.copied .share-success { - opacity: 0; - transition: opacity 1.0s 1.0s; -} -.nav-share .share-option { - padding: 0.5rem 0; -} -.nav-share .share-copy { - cursor: pointer; -} - /* Arrows */ .arrow svg { |