After posting this inquiry about overriding a CSS property in a material-ui component, I received a helpful example. However, I encountered difficulty when attempting to set the height of the Toolbar component due to an overarching @media specification. My strategy involved creating a MuiTheme spec like this:
const theme = createMuiTheme({
overrides: {
MuiToolbar: {
regular: {
height: "32px",
minHeight: "32px"
}
},
}
});
Take a look at how the overridden CSS appears visually:
By using a hack and adding !important to the minHeight property, I was able to make it work. You can view a demonstration of this on codesandbox here: https://codesandbox.io/s/4xmr2j2ny9
I am curious to know the correct method for overriding an @media specification using MuiTheme.