TPS
/
ORIENT
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Use large flags for retina displays.

This commit is contained in:
Paul Wilde 2014-08-11 21:29:52 +01:00
parent 7e2f63e315
commit 0ee0957c21
2 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
modules/backend/assets/css/october.css
View File

@ -6613,13 +6613,20 @@ a .icon-flip-vertical:before {
}
[class^="flag-"],
[class*=" flag-"] {
background: url(../images/flag-icons-small.png) no-repeat;
background-image: url("../images/flag-icons-small.png");
width: 16px;
height: 16px;
line-height: 16px;
vertical-align: middle;
display: inline-block;
margin: -1px 2px 0 2px;
margin: -3px 2px 0 2px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
[class^="flag-"],
[class*=" flag-"] {
background-image: url("../images/flag-icons-large.png");
background-size: 16px 3952px;
}
}
.flag-AfricanUnion {
background-position: 0 -16px;

4
modules/backend/assets/less/core/flags.less
View File

@ -1,13 +1,13 @@
[class^="flag-"],
[class*=" flag-"] {
background:url(../images/flag-icons-small.png) no-repeat;
.img-retina('../images/flag-icons-small.png', '../images/flag-icons-large.png', 16px, 3952px);
width: 16px;
height: 16px;
line-height: 16px;
vertical-align: middle;
display: inline-block;
margin: -1px 2px 0 2px;
margin: -3px 2px 0 2px;
}
.flag-AfricanUnion { background-position:0 -16px }