diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2020-07-23 22:19:12 +0200 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2020-07-23 22:19:12 +0200 |
| commit | bcb7c778eee1a2dd14fe222f7a30eada1fd8f902 (patch) | |
| tree | d95a9b19ddc4a8a4bd925e909937433c6b714f0e /animism-align/frontend/app/views/viewer/viewer.nav.css | |
| parent | 28bdef87320412776ff0db071f8ab89a51834cac (diff) | |
pulling out section list
Diffstat (limited to 'animism-align/frontend/app/views/viewer/viewer.nav.css')
| -rw-r--r-- | animism-align/frontend/app/views/viewer/viewer.nav.css | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/animism-align/frontend/app/views/viewer/viewer.nav.css b/animism-align/frontend/app/views/viewer/viewer.nav.css index 3797619..d353aa1 100644 --- a/animism-align/frontend/app/views/viewer/viewer.nav.css +++ b/animism-align/frontend/app/views/viewer/viewer.nav.css @@ -34,9 +34,22 @@ align-items: center; } +.viewer-nav .link { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + cursor: pointer; +} + +.transcript-link { + padding-right: 1.25rem; +} + /* Arrows */ .viewer-nav .arrow { + display: inline-block; width: 2.5rem; height: 2.5rem; display: flex; @@ -97,3 +110,28 @@ margin-left: 0.5rem; margin-right: 0.75rem; } + +/* Viewer sections */ + +.viewer-sections { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + background: black; + color: white; + display: block; + white-space: nowrap; +} +.viewer-sections .viewer-section { + display: inline-block; + padding: 1rem; + margin: 1rem; +} +.viewer-sections .section-thumbnail { + display: block; + width: 6rem; + height: 4rem; + background-size: cover; + background-position: center center; +}
\ No newline at end of file |