diff --git a/css/themes/default/images/icons-18-black.png b/css/themes/default/images/icons-18-black.png index ce1b758ad58..8771eea0199 100644 Binary files a/css/themes/default/images/icons-18-black.png and b/css/themes/default/images/icons-18-black.png differ diff --git a/css/themes/default/images/icons-18-white.png b/css/themes/default/images/icons-18-white.png index 1ab01272379..ec9ba37902f 100644 Binary files a/css/themes/default/images/icons-18-white.png and b/css/themes/default/images/icons-18-white.png differ diff --git a/css/themes/default/images/icons-36-black.png b/css/themes/default/images/icons-36-black.png index 1a59d7c375d..7524d5e6e4e 100644 Binary files a/css/themes/default/images/icons-36-black.png and b/css/themes/default/images/icons-36-black.png differ diff --git a/css/themes/default/images/icons-36-white.png b/css/themes/default/images/icons-36-white.png index 5647bdc945d..e7edf3fd3f2 100644 Binary files a/css/themes/default/images/icons-36-white.png and b/css/themes/default/images/icons-36-white.png differ diff --git a/css/themes/default/jquery.mobile.theme.css b/css/themes/default/jquery.mobile.theme.css index 41c13c9835c..abe679bfeb3 100644 --- a/css/themes/default/jquery.mobile.theme.css +++ b/css/themes/default/jquery.mobile.theme.css @@ -852,20 +852,21 @@ a.ui-link-inherit { /* HD/"retina" sprite -----------------------------------------------------------------------------------------------------------*/ -@media only screen and (-webkit-min-device-pixel-ratio: 1.5), - only screen and (min--moz-device-pixel-ratio: 1.5), - only screen and (min-resolution: 240dpi) { +@media only screen and (-webkit-min-device-pixel-ratio: 1.3), + only screen and (min--moz-device-pixel-ratio: 1.3), + only screen and (min-resolution: 200dpi) { .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r, .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check, .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back, - .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after, + .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-bars, .ui-icon-edit, .ui-icon-search, .ui-icon-searchfield:after, .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on { background-image: url(images/icons-36-white.png); - -moz-background-size: 776px 18px; - -o-background-size: 776px 18px; - -webkit-background-size: 776px 18px; - background-size: 776px 18px; + /* Set the background size 2px larger to avoid rounding errors in chrome */ + -moz-background-size: 842px 18px; + -o-background-size: 842px 18px; + -webkit-background-size: 842px 18px; + background-size: 842px 18px; } .ui-icon-alt { background-image: url(images/icons-36-black.png); @@ -930,6 +931,14 @@ a.ui-link-inherit { .ui-icon-home { background-position: -576px 50%; } +.ui-icon-bars { + background-position: -785px 50%; + +}.ui-icon-edit { + background-position: -824px 50%; +} + + .ui-icon-search, .ui-icon-searchfield:after { background-position: -612px 50%; diff --git a/docs/buttons/buttons-icons.html b/docs/buttons/buttons-icons.html index dc415ec0d6d..0cf28bb1ded 100644 --- a/docs/buttons/buttons-icons.html +++ b/docs/buttons/buttons-icons.html @@ -45,6 +45,10 @@
The following data-icon
attributes can be referenced to create the icons shown below:
Bars - data-icon="bars"
+ My button +Edit - data-icon="edit"
+ My buttonLeft arrow - data-icon="arrow-l"
My buttonRight arrow - data-icon="arrow-r"