From e954deb69f5115b94391f185f5eb35aeb27efa58 Mon Sep 17 00:00:00 2001
From: Lisa Knox <lisa.knox@curii.com>
Date: Tue, 24 Sep 2024 14:47:07 -0400
Subject: [PATCH] 21842: removed tabbedList scrollbar

Arvados-DCO-1.1-Signed-off-by: Lisa Knox <lisa.knox@curii.com>
---
 .../src/components/tabbedList/tabbed-list.tsx       | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/services/workbench2/src/components/tabbedList/tabbed-list.tsx b/services/workbench2/src/components/tabbedList/tabbed-list.tsx
index 1d0f231a7e..0b5f20e260 100644
--- a/services/workbench2/src/components/tabbedList/tabbed-list.tsx
+++ b/services/workbench2/src/components/tabbedList/tabbed-list.tsx
@@ -10,7 +10,7 @@ import classNames from 'classnames';
 import { ArvadosTheme } from 'common/custom-theme';
 import { InlinePulser } from 'components/loading/inline-pulser';
 
-type TabbedListClasses = 'root' | 'tabs' | 'tabPanel' | 'listItem' | 'selected' | 'spinner' | 'notFoundLabel';
+type TabbedListClasses = 'root' | 'tabs' | 'listItem' | 'selected' | 'spinner' | 'notFoundLabel';
 
 const tabbedListStyles: CustomStyleRulesCallback<TabbedListClasses> = (theme: ArvadosTheme) => ({
     root: {
@@ -18,6 +18,10 @@ const tabbedListStyles: CustomStyleRulesCallback<TabbedListClasses> = (theme: Ar
         flexDirection: 'column',
         height: '100%',
         overflowY: 'auto',
+        scrollbarWidth: 'none',
+        '&::-webkit-scrollbar': {
+            display: 'none',
+        },
     },
     tabs: {
         backgroundColor: theme.palette.background.paper,
@@ -26,9 +30,6 @@ const tabbedListStyles: CustomStyleRulesCallback<TabbedListClasses> = (theme: Ar
         zIndex: 1,
         borderBottom: '1px solid lightgrey',
     },
-    tabPanel: {
-        overflowY: 'scroll',
-    },
     listItem: {
         cursor: 'pointer',
         '&:hover': {
@@ -85,7 +86,7 @@ export const TabbedList = withStyles(tabbedListStyles)(<T,>({ tabbedListContents
     }, [selectedIndex]);
 
     const TabPanel = ({ children, value, index }: TabPanelProps) => {
-        return <div className={classes.tabPanel} hidden={value !== index}>{value === index && children}</div>;
+        return <div hidden={value !== index}>{value === index && children}</div>;
     };
 
     return (
@@ -113,7 +114,7 @@ export const TabbedList = withStyles(tabbedListStyles)(<T,>({ tabbedListContents
                             <ListItemButton
                                 className={classNames(classes.listItem, { [classes.selected]: i === selectedIndex })}
                                 selected={i === selectedIndex}
-                                onClick={()=>handleSelect && handleSelect(item)}
+                                onClick={handleSelect && handleSelect(item)}
                                 >
                                 {renderListItem ? renderListItem(item) : JSON.stringify(item)}
                             </ListItemButton>
-- 
2.30.2