themeroller.jquerymobile.com
themeroller.jquerymobile.com copied to clipboard
Choosing Black Icons doesn't update Retina Display reference
Selecting Black as Icon updates only 3 of the 4 image references resulting in white icons on Retina Display devices (iPhone4/Android).
From a theme.css /* 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) {
.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-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;
}
.ui-icon-alt {
background-image: url(images/icons-36-black.png);
}
}
Note both background-image urls should point to icons-36-black.png however the first still refers to icons-36-white.png
@nightbook - What version of JQM do you use?
@tybenz - Hi Tyler! Haven't test it myself but sounds like old issue is back (#79).
@uGoMobi I rolled a JQM 1.1.1 but believe it also affected 1.1.0.