From d8c1f40f66338e3d12be779be18284a9cddae192 Mon Sep 17 00:00:00 2001 From: Pau Giner Date: Fri, 5 Jul 2013 10:33:33 +0200 Subject: [PATCH] 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 --- resources/css/ext.uls.css | 7 +++---- resources/images/cog-sprite.png | Bin 663 -> 633 bytes resources/images/cog-sprite.svg | 4 ++-- 3 files changed, 5 insertions(+), 6 deletions(-) diff --git a/resources/css/ext.uls.css b/resources/css/ext.uls.css index ad73afcc..069b35ca 100644 --- a/resources/css/ext.uls.css +++ b/resources/css/ext.uls.css @@ -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 */ diff --git a/resources/images/cog-sprite.png b/resources/images/cog-sprite.png index 04c7aa291c865a6416c13f87bb31f144a5695414..7dd54f6856b25cb94ae634443dc8d1e52e0ac8e2 100644 GIT binary patch delta 519 zcmbQv`jbVmGr-TCmrII^fq{Y7)59eQNb>=)0tYjY6gAknbfTh9{jLC?5ZC|z|3^nh zH#9UvMn(e3z`#HVyS247C@2U>hJ=JPHa3QahC)c7EKmf<4GRkcia@wP22c>lhNyuk zhA4oDLr9=FPz_KVtcwez0U|W*D)d}iYdK6Hbz-7xW$!|U7kL>BJY zG+8X>?VGD5dp3U7`tWM9-G_|leAe>sIKKbQN>bmNIDPT7yASry3Yxokc3i6BS+8cZ zhgIu+6ff`NW)*R3>0~;)bc>#Y;#4u; z9e2E5rfiwEiR;6n$#Nf5az(e@x-T>@PH+09M~~h%E?yS$yvP24gYgxoDTnt0z0Kh1 L>gTe~DWM4f+f&|m delta 534 zcmey#GM!biGr-TCmrII^fq{Y7)59eQNb>`+5(hJo+-_AoVWOf>>fQjK5ZC|z{{w}9 zWMpJyYinz0XlO%2Lr_o= z#zwfvWI;yh$qI}-STI}t#j4BifwtS01o;IsFfxjZOGrpcN=fPH=<4e08yFZFnVMQz z<>lq)7Zfa6vUKU8Lx&IFy?g)u(}q!R!6U9GcYhRd%8G= zNJy?d*d4~0$k2K*U+rm_#A0nt5jNNFGc2F~m0w-ICbhEhTif1Vaha0$^)GI^s>{t0 z-ePB4p84*3al(tmi~{R({`+y?{w(q0X5E@Xvu$@9T@&AHIV7ixbIaHSRuvsM_H7+w zNZB^?g5>HNx3?F|_&efr#V^O-E^cbP;+%e9<$Ua!dFck%YLKfiNHB+HUXa;xU_sccm|z4R?-z;FwOQGW6Ig_y^_Eg_jJ`&$%Vx=#<9 i=k{G(X3f-%-`NAYto^S$R>lKEmci52&t;ucLK6TZg5;tA diff --git a/resources/images/cog-sprite.svg b/resources/images/cog-sprite.svg index 75cd2a2f..dacda0e7 100644 --- a/resources/images/cog-sprite.svg +++ b/resources/images/cog-sprite.svg @@ -19,11 +19,11 @@ id="defs6" /> \ No newline at end of file