projects
/
arvados-workbench2.git
/ blobdiff
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
19302: added hover to sidepanel menu items Arvados-DCO-1.1-Signed-off-by: Lisa Knox...
[arvados-workbench2.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 5c3069cd294da8836e3a77584ea657f7f7cb6d4c..47d34216cc58959678d7e4a7463e98c92348cf69 100644
(file)
--- 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',
height: `${COLLAPSE_ICON_SIZE}px`,
marginTop: '0.4rem',
marginLeft: '0.7rem',
+ paddingTop: '1rem',
+ paddingRight: '1rem'
},
icon: {
opacity: '0.5',
},
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 ?
<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>
:
<img style={{ ...collapseButtonIconStyles.icon, transform: "rotate(180deg)"}} src='/mui-start-icon.svg' alt='an arrow pointing right'/>}
</div>