material ui - How to increase height of the BulkActionsToolbar field to make room for more bulk actions?

Question

I have quite a lot of bulk actions and want to increase the height of the BulkActionsToolbar field. Either this isn't possible with bulkActionsDisplayed from the documentation (the actual BulkActionsToolbar is nested inside the bulkActionsDisplayed object) or there is propably something I'm missing with class property overrides in material-ui.

This is my code:

const useStyles = makeStyles({
    bulkActionsDisplayed: {
        toolbar: {
            height : '128px',
        },
    },
});
const MyList = props => {
    const classes = useStyles(props);
    return (
        <MyList {...props} 
                classes={{bulkActionsDisplayed: classes.bulkActionsDisplayed}} 
                actions={<MyActions />} 
                bulkActionButtons={<MyBulkActionButtons />}
        >
           (...)

It's the RaBulkActionsToolbar-toolbar's height I need to change, while bulkActionsDisplayed is provided in the documentation.

<div class="MuiPaper-root MuiCard-root RaList-content-44 RaList-bulkActionsDisplayed-45 makeStyles-bulkActionsDisplayed-41 MuiPaper-elevation1 MuiPaper-rounded">
    <div class="MuiToolbar-root MuiToolbar-regular RaBulkActionsToolbar-toolbar-58 MuiToolbar-gutters" data-test="bulk-actions-toolbar">
        <div class="RaBulkActionsToolbar-title-61">
            (...)
        </div>
        <div class="MuiToolbar-root MuiToolbar-regular RaTopToolbar-root-63 MuiToolbar-gutters">
            
        </div>
    </div>

This is (I think) the relevant react-admin core code:

As you can see, the Content corresponds to bulkActionsDisplayed, but I need to customize the height in BulkActionsToolbar ...

            <div className={classes.main}>
                <Content
                    className={classnames(classes.content, {
                        [classes.bulkActionsDisplayed]: selectedIds.length > 0,
                    })}
                    key={version}
                >
                    {bulkActionButtons !== false && bulkActionButtons && (
                        <BulkActionsToolbar {...controllerProps}>
                            {bulkActionButtons}
                        </BulkActionsToolbar>
                    )}
                    {children &&
                        // @ts-ignore-line
                        cloneElement(Children.only(children), {
                            ...controllerProps, // deprecated, use ListContext instead, to be removed in v4
                            hasBulkActions: bulkActionButtons !== false,
                        })}
                    {pagination && cloneElement(pagination, listContext)}
                </Content>
                {aside && cloneElement(aside, listContext)}
            </div>

Answer 1

等待大神答复