Different icon size

[salamanders]

Feature req: for Facebook and Chrome, the bigger "three bar" button is becoming a common standard UX element. Currently if you do a three-bar icon and no text in a Header Nav button (like in the Panels demo) it collapses into a small round button.
Ideal would be a way to have a bigger, squarish button that is easier to touch when there is no text. Chrome example included, FB is similar.

[jaspermdegroot]

@salamanders

I agree the "three bars" button is very common these days. That's why we added it to the icon sprite.
Regarding the styling of the button. As a framework we don't copy styles of specific apps or platforms but try to offer the flexibility to style the button as you want. Including all kind of preset styles would add a lot of Kb's.

You can adjust the border radii of buttons in your theme CSS. Or if you only want to apply it to one specific menu button, add a class with the border-radius you like. This week we added two classes to the theme CSS to make it easier to hide the disc and the use the alt icon color.
See this example that uses latest code: http://jsbin.com/izohig/10/edit

Regarding the size of the icon. It's on the roadmap the switch to SVG icons and make it easier to use a different icon size.

Closing this as feature request.

[jaspermdegroot]

Changed the title of this ticket (original: "Fulls-size "three bar" button for standard panel show/hide"), because "icon size" is the missing feature here.

[salamanders]

Great example, thank you very much!

[jaspermdegroot]

Re-opening because we will look into this for 1.4

[salamanders]

Yay! Svg or regular?

[jaspermdegroot]

@salamanders - SVG

[salamanders]

This is fixed in 1.4v2, yes? http://view.jquerymobile.com/master/demos/test/icons/ bars and bullets looks great.

[jaspermdegroot]

@salamanders - Yeah, the new icons landed in 1.4. Thanks for the positive feedback! We still have to update our demos but I am closing this ticket as fixed.