[arvados-workbench2] updated: 2.4.0-462-g2e7aa6b0

[git repository hosting]

Summary of changes:
 public/arrow-to-left.png                           | Bin 0 -> 10416 bytes
 public/arrow-to-right.png                          | Bin 0 -> 10484 bytes
 .../side-panel-toggle/side-panel-toggle.tsx        |  32 ++++++++++++---------
 src/views-components/side-panel/side-panel.tsx     |   2 +-
 4 files changed, 20 insertions(+), 14 deletions(-)
 create mode 100644 public/arrow-to-left.png
 create mode 100644 public/arrow-to-right.png

       via  2e7aa6b043dab6001c9b8be11ddb75c7723fd594 (commit)
       via  2590a02fd6bc7021321d32601f6bbdcfb28b2efa (commit)
      from  b7322ddccea570a1c563da84215daed067273859 (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 2e7aa6b043dab6001c9b8be11ddb75c7723fd594
Author: Lisa Knox <lisaknox83 at gmail.com>
Date:   Tue Dec 20 16:44:43 2022 -0500

    19434: fixed flex-wrap
    Arvados-DCO-1.1-Signed-off-by: Lisa Knox <lisa.knox at curii.com>

diff --git a/src/views-components/side-panel/side-panel.tsx b/src/views-components/side-panel/side-panel.tsx
index 2509e56e..2d975b6f 100644
--- a/src/views-components/side-panel/side-panel.tsx
+++ b/src/views-components/side-panel/side-panel.tsx
@@ -46,7 +46,7 @@ export const SidePanel = withStyles(styles)(
             <Grid item xs>
                 {props.isCollapsed ? <SidePanelToggle /> :
                 <>
-                    <Grid style={{display: 'flex', justifyContent: 'space-between', flexWrap: 'wrap-reverse'}}>
+                    <Grid style={{display: 'flex', justifyContent: 'space-between'}}>
                         <SidePanelButton key={props.currentRoute} />
                         <SidePanelToggle/>
                     </Grid>

commit 2590a02fd6bc7021321d32601f6bbdcfb28b2efa
Author: Lisa Knox <lisaknox83 at gmail.com>
Date:   Tue Dec 20 16:41:07 2022 -0500

    19434: imported and styled collapsify icons, minor cleanup
    Arvados-DCO-1.1-Signed-off-by: Lisa Knox <lisa.knox at curii.com>

diff --git a/public/arrow-to-left.png b/public/arrow-to-left.png
new file mode 100644
index 00000000..262c1483
Binary files /dev/null and b/public/arrow-to-left.png differ
diff --git a/public/arrow-to-right.png b/public/arrow-to-right.png
new file mode 100644
index 00000000..8205c215
Binary files /dev/null and b/public/arrow-to-right.png differ
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 b5f5dd9b..1197c261 100644
--- a/src/views-components/side-panel-toggle/side-panel-toggle.tsx
+++ b/src/views-components/side-panel-toggle/side-panel-toggle.tsx
@@ -13,25 +13,31 @@ type collapseButtonProps = {
   toggleSidePanel: (collapsedState: boolean) => void
 }
 
-export const COLLAPSE_ICON_SIZE = 20
+export const COLLAPSE_ICON_SIZE = 35
 
 const SidePanelToggle = (props: collapseButtonProps) =>{ 
-const collapseButtonIconStyles = {
-  root: {
-    width: `${COLLAPSE_ICON_SIZE}px`,
-    padding: '10px'
-  },
-  icon: {
+  const collapseButtonIconStyles = {
+    root: {
+      width: `${COLLAPSE_ICON_SIZE}px`,
+    },
+    icon: {
+      width: '1.5rem',
+      height: '1.5rem',
+      marginTop: '0.5rem'
+    }
   }
-}
-
 
   return <Tooltip disableFocusListener title="Toggle Side Panel">
-              <IconButton style={collapseButtonIconStyles.root} onClick={()=>{props.toggleSidePanel(props.isCollapsed)}}>
-                <div style={collapseButtonIconStyles.icon}>{props.isCollapsed ? '>' : '<'}</div>
-              </IconButton>
+            <IconButton style={collapseButtonIconStyles.root} onClick={()=>{props.toggleSidePanel(props.isCollapsed)}}>
+              <div>
+              {props.isCollapsed? 
+                <img style={collapseButtonIconStyles.icon} src='arrow-to-right.png'/>
+                :
+                <img style={{...collapseButtonIconStyles.icon, marginRight: '0.5rem'}} src='arrow-to-left.png'/>}
+              </div>
+            </IconButton>
           </Tooltip>
-  };
+};
 
 const mapStateToProps = (state: RootState) => {
   return {

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


hooks/post-receive
--