From f501640554ba22533acfa4b4d106c67e2c80a8cc Mon Sep 17 00:00:00 2001 From: Lisa Knox Date: Thu, 7 Dec 2023 11:52:37 -0500 Subject: [PATCH] 21128: css tweaks Arvados-DCO-1.1-Signed-off-by: Lisa Knox --- .../multiselect-toolbar/MultiselectToolbar.tsx | 16 +++++++++++++++- 1 file changed, 15 insertions(+), 1 deletion(-) diff --git a/src/components/multiselect-toolbar/MultiselectToolbar.tsx b/src/components/multiselect-toolbar/MultiselectToolbar.tsx index 079078f8..a3606d83 100644 --- a/src/components/multiselect-toolbar/MultiselectToolbar.tsx +++ b/src/components/multiselect-toolbar/MultiselectToolbar.tsx @@ -42,10 +42,24 @@ const styles: StyleRulesCallback = (theme: ArvadosTheme) => ({ display: "flex", flexDirection: "row", width: 0, + height: '2.7rem', padding: 0, margin: "1rem auto auto 0.5rem", - overflowY: 'scroll', + overflowY: 'auto', transition: "width 150ms", + scrollBehavior: 'smooth', + '&::-webkit-scrollbar': { + width: 0, + height: 2 + }, + '&::-webkit-scrollbar-track': { + width: 0, + height: 2 + }, + '&::-webkit-scrollbar-thumb': { + backgroundColor: theme.customs.colors.grey600, + borderRadius: 2 + } }, button: { width: "2.5rem", -- 2.30.2