LT-384: Centralizing Study / Series quick switch when sidebars (left and/or right) are opened

Packages/ohif-viewerbase/client/components/viewer/studySeriesQuickSwitch/studySeriesQuickSwitch.js

@@ -48,9 +48,17 @@ Template.studySeriesQuickSwitch.onCreated(() => {
 });
 
 const checkScrollArea = element => {
-    const { scrollHeight, clientHeight, offsetHeight, scrollTop } = element;
+    const { scrollHeight, offsetHeight, scrollTop } = element;
+    
+    const matrix = $(element).find('.thumbnailsWrapper').css('transform');
 
-    if(scrollHeight > offsetHeight + scrollTop) {
+    let translateY = 0;
+
+    if(matrix && matrix !== 'none') {
+        translateY = parseInt(matrix.match(/-?[\d\.]+/g)[5]);
+    }
+
+    if(scrollHeight > offsetHeight + scrollTop + translateY) {
         element.classList.add('show-scroll-indicator-down');
     }
     else {

Packages/ohif-viewerbase/client/components/viewer/studySeriesQuickSwitch/studySeriesQuickSwitch.styl

@@ -7,6 +7,7 @@ $seriesSpacing = 2px
   position: fixed
   top: 0
   z-index: 1
+  transition(left 0.25s linear 0s\, right 0.25s linear 0s)
 
   &.middle
     left: 50%
@@ -17,9 +18,17 @@ $seriesSpacing = 2px
   &.left
     theme('border-right', '1px solid $uiBorderColor')
     right: 50%
+    &.right-sidebar-only
+      .seriesHover
+        .scrollArea
+          padding-left: 200px;
 
   &.right
     left: 50%
+    &.left-sidebar-only
+      .seriesHover
+        .scrollArea
+          padding-right: 200px;
 
   &.overlay .quickSwitch
     transition(z-index 0s linear 0s)
@@ -152,7 +161,6 @@ $seriesSpacing = 2px
 
   .scrollArea
     margin-right: -22px;
-    min-height: 230px
     max-height: 610px
     overflow-x: hidden
     overflow-y: scroll