I’m upgrading a functioning app from v3 to v4.
I’ve been trying to change the height of the components to no avail. I suspect what I need to do is add a CSS4 variable in the variables.scss file for the particular page I’m targeting, such as:
but that doesn’t seem to work, specifically because I can’t find the default height variable. (–ion-button-height is a shot in the dark. I can’t find any documentation on that)
I see in the html itself that the button height is controlled by a the .button-native class… but I can’t seem to override it in the app-name-of-specific.page.scss file (even with !important.) However, if I change the default value for height in the browser [it defaults to var(–height);] It has an effect.
Here are some screenshots from the browser:
I’d like to make the below buttons taller
the CSS properties of the button class
In the button properties, I see that --height is defined as shown below:
So… where does that get it’s value? In v3, this would be the sass variable overrides… but what/where is it for CSS4?