jquery - Making .ui-btn-left larger -
quick question haven't found exact answer online. i'm new javascript quite simple issue. trying make close button on jquery page larger.
.ui-dialog .ui-header .ui-btn-left { left: auto; right: 5px; }
i know if specify height , width make button larger, how preferably increase size of icon match or @ least make centre on button?
i solved own problem in end. had remove default close button , create own. might else trying same thing. data-close-btn turns off default close button.
the data-icon tell use custom icon, more straight forward making it.
#btncancel .ui-btn-inner { width: 33px; height: 35px; margin: 0px; border: none !important; background: transparent !important; } .ui-icon-custom { background-image: url(../images/image.png) !important; background-position: 0px -84px; width: 33px; height: 35px; margin: 0 !important; box-shadow:none; } <html> <head> <title>change language</title> </head> <body> <div data-role="page" id="changelanguage" data-close-btn="none"> <header data-role="header"> <h1 data-translation-key="choose language" ></h1> <a id="btncancel" class="ui-btn-left" data-icon="custom" data-rel="back" data- iconpos="notext" ></a> </header> <div data-role="content"> <p data-translation-key="pick language"></p> <ul id="languageselection"></ul> </div> <p class="version"></p> </div> </body> </html>
Comments
Post a Comment