Customizing size of UI buttons/input elements?
Hey everyone,
I am wondering how to easily change the dimensions of the ui buttons and elements. I'd like to make the buttons 44pt height with no additional padding, because right now they seem a bit small on my mobile phone, and I've seen some best practices describe the "44pt rhythm" to be used with mobile devices.
Currently I'm overriding the default styles in my own "style.css" by declaring !important styles, but this is a terrible practice, especially if there are a lot of shared classes that rely on the size in the default css. For example, now that I've overwritten these styles, I find that ui-icon images no longer sit inside of their respective areas on the buttons/inputs.
Any help would be greatly appreciated.
Thanks!
I am wondering how to easily change the dimensions of the ui buttons and elements. I'd like to make the buttons 44pt height with no additional padding, because right now they seem a bit small on my mobile phone, and I've seen some best practices describe the "44pt rhythm" to be used with mobile devices.
Currently I'm overriding the default styles in my own "style.css" by declaring !important styles, but this is a terrible practice, especially if there are a lot of shared classes that rely on the size in the default css. For example, now that I've overwritten these styles, I find that ui-icon images no longer sit inside of their respective areas on the buttons/inputs.
Any help would be greatly appreciated.
Thanks!
Topic Participants
strom
Kevin Boudloche