From: Philip Tzou Date: Thu, 6 Oct 2011 09:44:09 +0000 (+0000) Subject: Fix Bug:31396. The bug was cause by r86861, which used CSS sprites to change the... X-Git-Tag: 1.31.0-rc.0~27243 X-Git-Url: http://git.cyclocoop.org/%22%20.%20%20%20%24self2%20.%20%20%20%22&var_mode_affiche=boucle?a=commitdiff_plain;h=2b675bff65151687da5825dec4608f4737fd29b4;p=lhc%2Fweb%2Fwiklou.git Fix Bug:31396. The bug was cause by r86861, which used CSS sprites to change the appearance of the arrow when the element is focused. This revision separate the focus arrow from the sprites image because it hardly possible to adjust the position of image **when the width are unfixed**. --- diff --git a/skins/vector/images/arrow-down-focus-icon.png b/skins/vector/images/arrow-down-focus-icon.png new file mode 100644 index 0000000000..e20dc4b6b6 Binary files /dev/null and b/skins/vector/images/arrow-down-focus-icon.png differ diff --git a/skins/vector/images/arrow-down-icon.png b/skins/vector/images/arrow-down-icon.png index 90c907bf0b..437b951838 100644 Binary files a/skins/vector/images/arrow-down-icon.png and b/skins/vector/images/arrow-down-icon.png differ diff --git a/skins/vector/screen.css b/skins/vector/screen.css index ecb140dd10..2e98b95e27 100644 --- a/skins/vector/screen.css +++ b/skins/vector/screen.css @@ -211,12 +211,14 @@ div#mw-head h5 { float: left; /* @embed */ background-image: url(images/arrow-down-icon.png); - background-position: 0px 60%; + background-position: 100% 60%; background-repeat: no-repeat; cursor: pointer; } div.vectorMenuFocus { - background-position: -22px 60%; + /* @embed */ + background-image: url(images/arrow-down-focus-icon.png); + background-position: 100% 60%; } /* @noflip */ body.rtl div.vectorMenu {