19302: replaced sidePanelCollapse arrow icon Arvados-DCO-1.1-Signed-off-by: Lisa...

diff --git a/public/arrow-to-left.png b/public/arrow-to-left.png
deleted file mode 100644 (file)
index 262c148..0000000
Binary files a/public/arrow-to-left.png and /dev/null differ

diff --git a/public/arrow-to-right.png b/public/arrow-to-right.png
deleted file mode 100644 (file)
index 8205c21..0000000
Binary files a/public/arrow-to-right.png and /dev/null differ

diff --git a/public/collapseLHS-New.svg b/public/collapseLHS-New.svg
deleted file mode 100644 (file)
index ce2eac8..0000000
--- a/public/collapseLHS-New.svg
+++ /dev/null
@@ -1,25 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   version="1.1"
-   id="svg148"
-   width="300"
-   height="300"
-   viewBox="0 0 300 300"
-   xml:space="preserve"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg"><defs
-     id="defs152" /><g
-     id="g154"><g
-       id="g6337"><path
-         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:22.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
-         d="m 191.30938,11.567958 0.0193,275.898262"
-         id="path400" /><path
-         style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:22.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
-         d="m 202.57626,149.50744 -89.79939,0.0193"
-         id="path400-3" /><path
-         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:59.0707;stroke-dasharray:none;stroke-opacity:1"
-         id="path4546"
-         d="M 81.113348,90.153499 -22.761723,90.479332 28.893633,0.35796487 Z"
-         transform="matrix(0,0.5047589,0.28743877,-0.01237225,93.434122,136.22641)" /></g></g></svg>

diff --git a/public/mui-start-icon.png b/public/mui-start-icon.png
new file mode 100644 (file)
index 0000000..8393837
Binary files /dev/null and b/public/mui-start-icon.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 9984886b8ac0369d5dbbf296caedc58d2afcbde4..f7f5cf4bef4d868f4bcb8aa656b701a1ba7534c8 100644 (file)
--- a/src/views-components/side-panel-toggle/side-panel-toggle.tsx
+++ b/src/views-components/side-panel-toggle/side-panel-toggle.tsx
@@ -23,8 +23,6 @@ const SidePanelToggle = (props: collapseButtonProps) => {
             marginTop: '0.4rem'
         },
         icon: {
-            height: '1.5rem',
-            width: '3rem',
             opacity: '0.6',
         },
     }
@@ -33,9 +31,9 @@ const SidePanelToggle = (props: collapseButtonProps) => {
         <IconButton style={collapseButtonIconStyles.root} onClick={() => { props.toggleSidePanel(props.isCollapsed) }}>
             <div>
                 {props.isCollapsed ?
-                    <img style={{ ...collapseButtonIconStyles.icon, transform: "rotate(180deg)" }} src='/collapseLHS-New.svg#svgView(preserveAspectRatio(none))' alt='expand button' />
+                    <img style={collapseButtonIconStyles.icon} src='/mui-start-icon.png'/>
                     :
-                    <img style={{ ...collapseButtonIconStyles.icon, }} src='/collapseLHS-New.svg#svgView(preserveAspectRatio(none))' alt='collapse button' />}
+                    <img style={{ ...collapseButtonIconStyles.icon, transform: "rotate(180deg)"}} src='/mui-start-icon.png'/>}
             </div>
         </IconButton>
     </Tooltip>