diff options
| -rw-r--r-- | animism-align/frontend/app/views/viewer/sections/sections.css | 15 |
1 files changed, 9 insertions, 6 deletions
diff --git a/animism-align/frontend/app/views/viewer/sections/sections.css b/animism-align/frontend/app/views/viewer/sections/sections.css index 621df22..1ddb9d2 100644 --- a/animism-align/frontend/app/views/viewer/sections/sections.css +++ b/animism-align/frontend/app/views/viewer/sections/sections.css @@ -24,14 +24,16 @@ .viewer-sections .viewer-sections-scroll { width: 100%; + height: 22rem; white-space: nowrap; - overflow-y: auto; + overflow-x: scroll; + overflow-y: hidden; } -/* .viewer-sections-scroll::-webkit-scrollbar { cursor: pointer; user-select: none; - height: 4px + height: 4px; + width: 4px; } .viewer-sections-scroll::-webkit-scrollbar-button { display: block; @@ -39,13 +41,13 @@ height: 0; } .viewer-sections-scroll::-webkit-scrollbar-track-piece { - background:rgba(211,211,211,0.8); + background: rgba(211,211,211,0.8); } .viewer-sections-scroll::-webkit-scrollbar-thumb { display: block; background: #000; } -*/ + /* clickable section indicators */ @@ -61,7 +63,8 @@ margin-right: 1rem; } .viewer-section > div { - height: 20rem; + height: calc(20rem - 4px); + width: 12rem; } .viewer-sections .section-thumbnail { display: block; |