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 0746ceafa4452e6ffacdde7bccec91e63ec926ee..650059316626632d5ed29b0ef68553eed3433502 100644
(file)
--- a/
services/workbench2/src/components/multiselect-toolbar/MultiselectToolbar.tsx
+++ b/
services/workbench2/src/components/multiselect-toolbar/MultiselectToolbar.tsx
@@
-47,7
+47,7
@@
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
width: 0,
height: '2.7rem',
padding: 0,
width: 0,
height: '2.7rem',
padding: 0,
- margin: "1rem auto auto 0.
5
rem",
+ margin: "1rem auto auto 0.
3
rem",
transition: `width ${WIDTH_TRANSITION}ms`,
overflow: 'hidden',
},
transition: `width ${WIDTH_TRANSITION}ms`,
overflow: 'hidden',
},
@@
-56,7
+56,7
@@
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
flexDirection: "row",
height: '2.7rem',
padding: 0,
flexDirection: "row",
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`,
},
@@
-64,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%',
@@
-121,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) +
4.5
}rem`}}
+ style={{ width: `${(actions.length * 2.5) +
6
}rem`}}
data-cy='multiselect-toolbar'
>
{actions.length ? (
data-cy='multiselect-toolbar'
>
{actions.length ? (