Search jQuery

jQuery Forum

UI button widget padding

in Using jQuery UI • 10 years ago

Hi,

Is there a reason why the UI theme roller provides extra padding to dialog box buttons with the following line?

.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }

It makes the dialog buttons noticiably bigger than other regular UI buttons.

Thank you!
-DW

Replies(3)

dwreck

Any thoughts on this? I found someone asking about this back in March here:

https://forum.jquery.com/topic/css-framework-bug-fixes

But while one of the two issues pointed out by the original poster was fixed, this one apparently was not addressed or confirmed to be working as designed. For consistency in your site, having all the buttons be the same size would be desirable, so I'm not sure why the dialog buttons were set up this way. I can easily fix the problem by taking out the offending CSS in the code generated by the UI Themeroller, but I don't want to have to remember to do that for each new version of jQuery UI.

Thanks!