projects
/
arvados.git
/ blobdiff
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Merge branch '21578-mount-debug'
[arvados.git]
/
services
/
workbench2
/
src
/
components
/
multiselect-toolbar
/
MultiselectToolbar.tsx
diff --git
a/services/workbench2/src/components/multiselect-toolbar/MultiselectToolbar.tsx
b/services/workbench2/src/components/multiselect-toolbar/MultiselectToolbar.tsx
index a4092b79abdba5f8bbe5f216560c2cf17e59e4b6..650059316626632d5ed29b0ef68553eed3433502 100644
(file)
--- a/
services/workbench2/src/components/multiselect-toolbar/MultiselectToolbar.tsx
+++ b/
services/workbench2/src/components/multiselect-toolbar/MultiselectToolbar.tsx
@@
-47,18
+47,16
@@
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
width: 0,
height: '2.7rem',
padding: 0,
width: 0,
height: '2.7rem',
padding: 0,
- paddingRight: '-1rem',
- margin: "1rem auto auto 0.5rem",
+ margin: "1rem auto auto 0.3rem",
transition: `width ${WIDTH_TRANSITION}ms`,
overflow: 'hidden',
},
transition: {
display: "flex",
flexDirection: "row",
transition: `width ${WIDTH_TRANSITION}ms`,
overflow: 'hidden',
},
transition: {
display: "flex",
flexDirection: "row",
- width: 0,
height: '2.7rem',
padding: 0,
height: '2.7rem',
padding: 0,
- margin: "1rem auto auto 0.
5
rem",
+ margin: "1rem auto auto 0.
3
rem",
overflow: 'hidden',
transition: `width ${WIDTH_TRANSITION}ms`,
},
overflow: 'hidden',
transition: `width ${WIDTH_TRANSITION}ms`,
},
@@
-66,6
+64,7
@@
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
width: "2.5rem",
height: "2.5rem ",
paddingLeft: 0,
width: "2.5rem",
height: "2.5rem ",
paddingLeft: 0,
+ border: "1px solid transparent",
},
iconContainer: {
height: '100%',
},
iconContainer: {
height: '100%',
@@
-123,7
+122,7
@@
export const MultiselectToolbar = connect(
<React.Fragment>
<Toolbar
className={isTransitioning ? classes.transition: classes.root}
<React.Fragment>
<Toolbar
className={isTransitioning ? classes.transition: classes.root}
- style={{ width: `${(actions.length * 2.5) +
5}rem`
}}
+ style={{ width: `${(actions.length * 2.5) +
6}rem`
}}
data-cy='multiselect-toolbar'
>
{actions.length ? (
data-cy='multiselect-toolbar'
>
{actions.length ? (