Cog size adjustments

SVG and PNG versions have been modified to be of the same dimensions.
The sprite now is a 14x14px cog with an additional transparent pixel
above and below. resulting in two 14x16px areas. The added margin solves
the problem of image being cropped when zooming.

Bug: 50742
Change-Id: Iab4f578bdb1ea55c51eb528527fc38ce44c7be69
This commit is contained in:
Pau Giner
2013-07-05 10:33:33 +02:00
committed by Niklas Laxström
parent 8df7b1ea02
commit d8c1f40f66
3 changed files with 5 additions and 6 deletions

View File

@@ -13,8 +13,7 @@
background-image: -webkit-linear-gradient(transparent, transparent), url('../images/cog-sprite.svg');
background-image: -moz-linear-gradient(transparent, transparent), url('../images/cog-sprite.svg');
background-image: linear-gradient(transparent, transparent), url('../images/cog-sprite.svg');
background-size: 14px auto;
height: 14px;
height: 16px;
width: 14px;
float: right;
cursor: pointer;
@@ -22,11 +21,11 @@
.skin-vector #p-lang .uls-settings-trigger {
/* Put it in the middle of the first row of the section title */
margin-top: 4px;
margin-top: 3px;
}
#p-lang .uls-settings-trigger:hover {
background-position: right -18px;
background-position: right -16px;
}
/* Opera for some inexplicable reason confuses right and left padding with */