themeroller.jquerymobile.com icon indicating copy to clipboard operation
themeroller.jquerymobile.com copied to clipboard

Choosing Black Icons doesn't update Retina Display reference

Open nightbook opened this issue 12 years ago • 2 comments

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 avatar Sep 08 '12 01:09 nightbook

@nightbook - What version of JQM do you use?

@tybenz - Hi Tyler! Haven't test it myself but sounds like old issue is back (#79).

jaspermdegroot avatar Sep 16 '12 22:09 jaspermdegroot

@uGoMobi I rolled a JQM 1.1.1 but believe it also affected 1.1.0.

nightbook avatar Sep 19 '12 08:09 nightbook