Remove scrollbar from thumbnail study browser

2016-01-27 19:34:26 +01:00 · 2016-01-27 19:34:26 +01:00 · 4c80c57d73
commit 4c80c57d73
parent d2ab42e11c
2 changed files with 15 additions and 3 deletions
--- a/Packages/viewerbase/client/components/studyBrowser/studyBrowser/studyBrowser.html
+++ b/Packages/viewerbase/client/components/studyBrowser/studyBrowser/studyBrowser.html
@ -1,7 +1,9 @@
 <template name="studyBrowser">
    <div class="studyBrowser">
+        <div class="scrollableStudyThumbnails">
        {{ #each studies }}
            {{ >thumbnails }}
        {{ /each }}
+        </div>
    </div>
 </template>
--- a/Packages/viewerbase/client/components/studyBrowser/studyBrowser/studyBrowser.styl
+++ b/Packages/viewerbase/client/components/studyBrowser/studyBrowser/studyBrowser.styl
@ -2,8 +2,18 @@
  float: left
  height: 100%
  width: 100%
-  //min-width: 120px
-  overflow-y: auto
-  overflow-x: hidden
+  overflow: hidden
  background-color: black
  padding-bottom: 20px
+
+  .scrollableStudyThumbnails
+    height: 100%
+    overflow-y: auto
+    overflow-x: hidden
+    padding-bottom: 50px
+    padding-right: 16px
+    padding-left: 4px
+    margin-right: -16px
+
+    &::-webkit-scrollbar
+      display: none