From 915de76e836ad2e54c9017747e6913ff56fe2365 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Wed, 19 Aug 2020 14:37:25 +0200 Subject: hopefully fix extra scrollbar --- .../frontend/app/views/viewer/sections/sections.css | 15 +++++++++------ 1 file changed, 9 insertions(+), 6 deletions(-) (limited to 'animism-align/frontend') 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; -- cgit v1.2.3-70-g09d2