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

diegosps picture diegosps  路  3Comments

KKrisu picture KKrisu  路  3Comments

timrchavez picture timrchavez  路  3Comments

jlgreene2 picture jlgreene2  路  3Comments

revskill10 picture revskill10  路  3Comments