Material-table: Custom action icon smaller than default edit icon.

Created on 17 Jul 2019  路  4Comments  路  Source: mbrn/material-table

Describe the bug
I have a table with the built-in edit action (editable) enabled and one custom action. The custom action icons are smaller than the built-in edit one. To make this more clear in the screenshot I assigned the custom action the 'edit' icon so you can see the size difference.

To Reproduce
Create a custom action and assign the 'edit' icon to it.
Make the row editable.

Expected behavior
Custom action icons should be the same size as the default icons. Unless there is something I'm missing.

Screenshots
Screen Shot 2019-07-16 at 11 34 47 PM

Most helpful comment

@nikhilwbhatia the only way is to update fontSize = "small" to _default_ in node_modules/src/components/m-table-action.js

Usually you should be able to change it via iconProps, but currently the small font-size is being applied after iconProps and is overriding whatever value you pass to it.

I've created a pull request to fix this issue.

All 4 comments

Also running into this issue

@jeffjvick can you remind me how you changed the icon size for custom action buttons?

@nikhilwbhatia the only way is to update fontSize = "small" to _default_ in node_modules/src/components/m-table-action.js

Usually you should be able to change it via iconProps, but currently the small font-size is being applied after iconProps and is overriding whatever value you pass to it.

I've created a pull request to fix this issue.

Thank you!

Was this page helpful?
0 / 5 - 0 ratings

Related issues

timrchavez picture timrchavez  路  3Comments

diegosps picture diegosps  路  3Comments

behrouz-s picture behrouz-s  路  3Comments

bohrsty picture bohrsty  路  3Comments

kfirshahar picture kfirshahar  路  3Comments