19302: switched collapse icon to svg Arvados-DCO-1.1-Signed-off-by: Lisa Knox <lisa...

diff --git a/public/mui-start-icon.png b/public/mui-start-icon.png
deleted file mode 100644 (file)
index 8393837..0000000
Binary files a/public/mui-start-icon.png and /dev/null differ

diff --git a/public/mui-start-icon.svg b/public/mui-start-icon.svg
new file mode 100644 (file)
index 0000000..3140cc3
--- /dev/null
+++ b/public/mui-start-icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M80-240v-480h80v480H80Zm560 0-57-56 144-144H240v-80h487L584-664l56-56 240 240-240 240Z"/></svg>
\ No newline at end of file

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 f7f5cf4bef4d868f4bcb8aa656b701a1ba7534c8..0bcfbd3de90e3eba9c1304f5b996d1beffb39257 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,7 +23,7 @@ const SidePanelToggle = (props: collapseButtonProps) => {
             marginTop: '0.4rem'
         },
         icon: {
-            opacity: '0.6',
+            opacity: '0.5',
         },
     }
 
@@ -31,9 +31,9 @@ const SidePanelToggle = (props: collapseButtonProps) => {
         <IconButton style={collapseButtonIconStyles.root} onClick={() => { props.toggleSidePanel(props.isCollapsed) }}>
             <div>
                 {props.isCollapsed ?
-                    <img style={collapseButtonIconStyles.icon} src='/mui-start-icon.png'/>
+                    <img style={collapseButtonIconStyles.icon} src='/mui-start-icon.svg'/>
                     :
-                    <img style={{ ...collapseButtonIconStyles.icon, transform: "rotate(180deg)"}} src='/mui-start-icon.png'/>}
+                    <img style={{ ...collapseButtonIconStyles.icon, transform: "rotate(180deg)"}} src='/mui-start-icon.svg'/>}
             </div>
         </IconButton>
     </Tooltip>