projects
/
arvados.git
/ blobdiff
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
19302: wrote collapse spec Arvados-DCO-1.1-Signed-off-by: Lisa Knox <lisa.knox@curii...
[arvados.git]
/
src
/
views-components
/
side-panel-toggle
/
side-panel-toggle.tsx
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..5c3069cd294da8836e3a77584ea657f7f7cb6d4c 100644
(file)
--- a/
src/views-components/side-panel-toggle/side-panel-toggle.tsx
+++ b/
src/views-components/side-panel-toggle/side-panel-toggle.tsx
@@
-20,22
+20,21
@@
const SidePanelToggle = (props: collapseButtonProps) => {
root: {
width: `${COLLAPSE_ICON_SIZE}px`,
height: `${COLLAPSE_ICON_SIZE}px`,
root: {
width: `${COLLAPSE_ICON_SIZE}px`,
height: `${COLLAPSE_ICON_SIZE}px`,
- marginTop: '0.4rem'
+ marginTop: '0.4rem',
+ marginLeft: '0.7rem',
},
icon: {
},
icon: {
- height: '1.5rem',
- width: '3rem',
- opacity: '0.6',
+ opacity: '0.5',
},
}
return <Tooltip disableFocusListener title="Toggle Side Panel">
},
}
return <Tooltip disableFocusListener title="Toggle Side Panel">
- <IconButton style={collapseButtonIconStyles.root} onClick={() => { props.toggleSidePanel(props.isCollapsed) }}>
+ <IconButton
data-cy="side-panel-toggle"
style={collapseButtonIconStyles.root} onClick={() => { props.toggleSidePanel(props.isCollapsed) }}>
<div>
{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.svg' alt='an arrow pointing right'
/>
:
:
- <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.svg' alt='an arrow pointing right'
/>}
</div>
</IconButton>
</Tooltip>
</div>
</IconButton>
</Tooltip>