Arvados-DCO-1.1-Signed-off-by: Daniel Kutyła <daniel.kutyla@contractors.roche.com>
| 'iconOpen'
| 'toggableIcon'
| 'checkbox'
| 'iconOpen'
| 'toggableIcon'
| 'checkbox'
| 'virtualizedList';
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
list: {
padding: '3px 0px',
},
| 'virtualizedList';
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
list: {
padding: '3px 0px',
},
+ virtualFileTree: {
+ "&:last-child": {
+ paddingBottom: 20
+ }
+ },
virtualizedList: {
height: '200px',
},
virtualizedList: {
height: '200px',
},
const it = itemList[index];
const level = it.level || 0;
const { toggleItemActive, disableRipple, currentItemUuid, useRadioButtons } = treeProps;
const it = itemList[index];
const level = it.level || 0;
const { toggleItemActive, disableRipple, currentItemUuid, useRadioButtons } = treeProps;
- const { listItem, loader, toggableIconContainer, renderContainer } = classes;
+ const { listItem, loader, toggableIconContainer, renderContainer, virtualFileTree } = classes;
const { levelIndentation = 20, itemRightPadding = 20 } = treeProps;
const showSelection = typeof treeProps.showSelection === 'function'
const { levelIndentation = 20, itemRightPadding = 20 } = treeProps;
const showSelection = typeof treeProps.showSelection === 'function'
- return <div data-cy='virtual-file-tree' style={style}>
+ return <div className={virtualFileTree} data-cy='virtual-file-tree' style={style}>
<ListItem button className={listItem}
style={{
paddingLeft: (level + 1) * levelIndentation,
<ListItem button className={listItem}
style={{
paddingLeft: (level + 1) * levelIndentation,