fix(thumbnails): expand multi studies scrollbar (#3224)

made per study scrollbars visible

platform/ui/src/assets/styles/styles.css

@@ -4,6 +4,10 @@
   scrollbar-gutter: stable;
 }
 
+.study-min-height {
+  min-height: 450px;
+}
+
 .ohif-scrollbar:hover {
   overflow-y: auto;
 }

platform/ui/src/components/StudyBrowser/StudyBrowser.tsx

@@ -109,7 +109,7 @@ const StudyBrowser = ({
           })}
         </ButtonGroup>
       </div>
-      <div className="flex flex-col flex-1 overflow-auto">
+      <div className="flex flex-col flex-1 overflow-auto ohif-scrollbar invisible-scrollbar">
         {getTabContent()}
       </div>
     </React.Fragment>
@@ -171,7 +171,7 @@ StudyBrowser.propTypes = {
   ),
 };
 
-const noop = () => {};
+const noop = () => { };
 
 StudyBrowser.defaultProps = {
   onClickTab: noop,

platform/ui/src/components/ThumbnailList/ThumbnailList.tsx

@@ -12,7 +12,7 @@ const ThumbnailList = ({
   activeDisplaySetInstanceUIDs = [],
 }) => {
   return (
-    <div className="py-3 bg-black overflow-y-hidden ohif-scrollbar">
+    <div className="py-3 bg-black overflow-y-hidden ohif-scrollbar study-min-height">
       {thumbnails.map(
         ({
           displaySetInstanceUID,