Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Replaced icon sprite and update and set icon bg position for both SD …

…and HD.
  • Loading branch information...
commit 1d293e0c3ed97e59ac58289071d6ebfee11366c8 1 parent cd0a8a9
@jaspermdegroot jaspermdegroot authored
View
BIN  css/themes/default/images/icons-18-black.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  css/themes/default/images/icons-18-white.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  css/themes/default/images/icons-36-black.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  css/themes/default/images/icons-36-white.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
154 css/themes/default/jquery.mobile.theme.css
@@ -861,11 +861,10 @@ a.ui-link-inherit {
.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);
- /* Set the background size 2px larger to avoid rounding errors in chrome */
- -moz-background-size: 840px 18px;
- -o-background-size: 840px 18px;
- -webkit-background-size: 840px 18px;
- background-size: 840px 18px;
+ -moz-background-size: 864px 18px;
+ -o-background-size: 864px 18px;
+ -webkit-background-size: 864px 18px;
+ background-size: 864px 18px;
}
.ui-icon-alt {
background-image: url(images/icons-36-black.png);
@@ -874,87 +873,162 @@ a.ui-link-inherit {
/* plus minus */
.ui-icon-plus {
- background-position: -0 50%;
+ background-position: -1px -1px;
}
.ui-icon-minus {
- background-position: -36px 50%;
+ background-position: -37px -1px;
}
-
/* delete/close */
.ui-icon-delete {
- background-position: -72px 50%;
+ background-position: -73px -1px;
}
-
/* arrows */
.ui-icon-arrow-r {
- background-position: -108px 50%;
+ background-position: -109px -1px;
}
.ui-icon-arrow-l {
- background-position: -144px 50%;
+ background-position: -144px -1px;
}
.ui-icon-arrow-u {
- background-position: -180px 50%;
+ background-position: -180px -1px;
}
.ui-icon-arrow-d {
- background-position: -216px 50%;
+ background-position: -216px -1px;
}
-
/* misc */
.ui-icon-check {
- background-position: -252px 50%;
+ background-position: -252px -1px;
}
.ui-icon-gear {
- background-position: -288px 50%;
+ background-position: -288px -1px;
}
.ui-icon-refresh {
- background-position: -324px 50%;
+ background-position: -323px -1px;
}
.ui-icon-forward {
- background-position: -360px 50%;
+ background-position: -360px -1px;
}
.ui-icon-back {
- background-position: -396px 50%;
+ background-position: -396px -1px;
}
.ui-icon-grid {
- background-position: -432px 50%;
+ background-position: -432px -1px;
}
.ui-icon-star {
- background-position: -468px 50%;
+ background-position: -467px -1px;
}
.ui-icon-alert {
- background-position: -504px 50%;
+ background-position: -503px -1px;
}
.ui-icon-info {
- background-position: -540px 50%;
+ background-position: -539px -1px;
}
.ui-icon-home {
- background-position: -576px 50%;
-}
-.ui-icon-bars {
- background-position: -785px 50%;
-
-}.ui-icon-edit {
- background-position: -824px 50%;
+ background-position: -575px -1px;
}
-
-
+/* search */
.ui-icon-search,
.ui-icon-searchfield:after {
- background-position: -612px 50%;
+ background-position: -611px -1px;
+}
+/* checkbox radio */
+.ui-icon-checkbox-on {
+ background-position: -647px -1px;
}
.ui-icon-checkbox-off {
- background-position: -684px 50%;
+ background-position: -683px -1px;
}
-.ui-icon-checkbox-on {
- background-position: -648px 50%;
+.ui-icon-radio-on {
+ background-position: -718px -1px;
}
.ui-icon-radio-off {
- background-position: -756px 50%;
+ background-position: -754px -1px;
}
-.ui-icon-radio-on {
- background-position: -720px 50%;
+/* menu edit */
+.ui-icon-bars {
+ background-position: -788px -1px;
+
+}.ui-icon-edit {
+ background-position: -824px -1px;
}
+@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 {
+ background-position: 0px 50%;
+ }
+ .ui-icon-minus {
+ background-position: -36px 50%;
+ }
+ .ui-icon-delete {
+ background-position: -72px 50%;
+ }
+ .ui-icon-arrow-r {
+ background-position: -108px 50%;
+ }
+ .ui-icon-arrow-l {
+ background-position: -144px 50%;
+ }
+ .ui-icon-arrow-u {
+ background-position: -179px 50%;
+ }
+ .ui-icon-arrow-d {
+ background-position: -215px 50%;
+ }
+ .ui-icon-check {
+ background-position: -252px 50%;
+ }
+ .ui-icon-gear {
+ background-position: -287px 50%;
+ }
+ .ui-icon-refresh {
+ background-position: -323px 50%;
+ }
+ .ui-icon-forward {
+ background-position: -360px 50%;
+ }
+ .ui-icon-back {
+ background-position: -395px 50%;
+ }
+ .ui-icon-grid {
+ background-position: -431px 50%;
+ }
+ .ui-icon-star {
+ background-position: -467px 50%;
+ }
+ .ui-icon-alert {
+ background-position: -503px 50%;
+ }
+ .ui-icon-info {
+ background-position: -538px 50%;
+ }
+ .ui-icon-home {
+ background-position: -575px 50%;
+ }
+ .ui-icon-search,
+ .ui-icon-searchfield:after {
+ background-position: -611px 50%;
+ }
+ .ui-icon-checkbox-on {
+ background-position: -647px 50%;
+ }
+ .ui-icon-checkbox-off {
+ background-position: -683px 50%;
+ }
+ .ui-icon-radio-on {
+ background-position: -718px 50%;
+ }
+ .ui-icon-radio-off {
+ background-position: -754px 50%;
+ }
+ .ui-icon-bars {
+ background-position: -788px 50%;
+
+ }.ui-icon-edit {
+ background-position: -824px 50%;
+ }
+}
/* checks,radios */
.ui-checkbox .ui-icon,

2 comments on commit 1d293e0

@jaspermdegroot
Collaborator

I know this is ugly, but it's needed to get the icons properly aligned on both SD and HD screens.

@DzenisevichK

May be possible to move icons in sprite on 1px then have -1px in css and as result copy-paste for HD/retina version?

Please sign in to comment.
Something went wrong with that request. Please try again.