[arvados-workbench2] updated: 2.7.0-232-g7d45d61a

[git repository hosting]

Summary of changes:
 .../side-panel-toggle/side-panel-toggle.tsx          |  4 +++-
 .../side-panel/side-panel-collapsed.tsx              | 20 +++++++++++++++-----
 2 files changed, 18 insertions(+), 6 deletions(-)

       via  7d45d61adcaffb47f58031a44f89ff3f9005ce22 (commit)
      from  2a0558ceed0332333908344cd1274d2827716d87 (commit)

Those revisions listed above that are new to this repository have
not appeared on any other notification email; so we list those
revisions in full, below.


commit 7d45d61adcaffb47f58031a44f89ff3f9005ce22
Author: Lisa Knox <lisaknox83 at gmail.com>
Date:   Wed Nov 15 12:33:43 2023 -0500

    19302: added hover to sidepanel menu items Arvados-DCO-1.1-Signed-off-by: Lisa Knox <lisa.knox at curii.com>

diff --git a/src/views-components/side-panel-toggle/side-panel-toggle.tsx b/src/views-components/side-panel-toggle/side-panel-toggle.tsx
index 5c3069cd..47d34216 100644
--- a/src/views-components/side-panel-toggle/side-panel-toggle.tsx
+++ b/src/views-components/side-panel-toggle/side-panel-toggle.tsx
@@ -22,6 +22,8 @@ const SidePanelToggle = (props: collapseButtonProps) => {
             height: `${COLLAPSE_ICON_SIZE}px`,
             marginTop: '0.4rem',
             marginLeft: '0.7rem',
+            paddingTop: '1rem',
+            paddingRight: '1rem'
         },
         icon: {
             opacity: '0.5',
@@ -32,7 +34,7 @@ const SidePanelToggle = (props: collapseButtonProps) => {
         <IconButton data-cy="side-panel-toggle" style={collapseButtonIconStyles.root} onClick={() => { props.toggleSidePanel(props.isCollapsed) }}>
             <div>
                 {props.isCollapsed ?
-                    <img style={collapseButtonIconStyles.icon} src='/mui-start-icon.svg' alt='an arrow pointing right'/>
+                    <img style={{...collapseButtonIconStyles.icon, marginLeft:'0.25rem'}} src='/mui-start-icon.svg' alt='an arrow pointing right'/>
                     :
                     <img style={{ ...collapseButtonIconStyles.icon, transform: "rotate(180deg)"}} src='/mui-start-icon.svg' alt='an arrow pointing right'/>}
             </div>
diff --git a/src/views-components/side-panel/side-panel-collapsed.tsx b/src/views-components/side-panel/side-panel-collapsed.tsx
index 74dfee65..0f43fb71 100644
--- a/src/views-components/side-panel/side-panel-collapsed.tsx
+++ b/src/views-components/side-panel/side-panel-collapsed.tsx
@@ -6,7 +6,7 @@ import React, { ReactElement } from 'react'
 import { connect } from 'react-redux'
 import { ProjectsIcon, ProcessIcon, FavoriteIcon, ShareMeIcon, TrashIcon, PublicFavoriteIcon, GroupsIcon } from 'components/icon/icon'
 import { TerminalIcon } from 'components/icon/icon'
-import { List, ListItem, Tooltip } from '@material-ui/core'
+import { IconButton, List, ListItem, Tooltip } from '@material-ui/core'
 import { StyleRulesCallback, WithStyles, withStyles } from '@material-ui/core/styles'
 import { ArvadosTheme } from 'common/custom-theme'
 import { navigateTo } from 'store/navigation/navigation-action'
@@ -26,7 +26,14 @@ import { RouterAction } from 'react-router-redux'
 type CssRules = 'root' | 'unselected' | 'selected'
 
 const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
-    root: {},
+    root: {
+        width: '40px',
+        height: '40px',
+        // padding: '1rem'
+        paddingLeft: '-1rem',
+        marginLeft: '-0.3rem',
+        marginBottom: '-1rem'
+    },
     unselected: {
         color: theme.customs.colors.grey600,
     },
@@ -85,7 +92,7 @@ const sidePanelCollapsedCategories: TCollapsedCategory[] = [
     },
     {
         name: SidePanelCollapsedCategory.GROUPS,
-        icon: <GroupsIcon style={{marginLeft: '3px'}}/>,
+        icon: <GroupsIcon style={{marginLeft: '2px', scale: '85%'}}/>,
         navTarget: navigateToGroups,
     },
     {
@@ -125,17 +132,20 @@ export const SidePanelCollapsed = withStyles(styles)(
         return (
             <List data-cy="side-panel-collapsed" className={root}>
                 {sidePanelCollapsedCategories.map((cat) => (
+                    
                     <ListItem
                         key={cat.name}
                         data-cy={`collapsed-${cat.name.toLowerCase().replace(/\s+/g, '-')}`}
                         className={selectedPath === cat.name ? selected : unselected}
                         onClick={() => handleClick(cat)}
-                    >
+                        >
                         <Tooltip
                             title={cat.name}
                             disableFocusListener
-                        >
+                            >
+                    <IconButton className={root}>
                             {cat.icon}
+                            </IconButton>
                         </Tooltip>
                     </ListItem>
                 ))}

-----------------------------------------------------------------------


hooks/post-receive
--