| Index: trunk/phase3/skins/Vector.php |
| — | — | @@ -39,6 +39,8 @@ |
| 40 | 40 | htmlspecialchars( $wgLocalStylePath ) . |
| 41 | 41 | "/{$this->stylename}/csshover{$min}.htc\")}</style><![endif]-->" |
| 42 | 42 | ); |
| | 43 | + |
| | 44 | + $out->addModuleScripts( 'skins.vector' ); |
| 43 | 45 | } |
| 44 | 46 | |
| 45 | 47 | /** |
| Index: trunk/phase3/skins/vector/images/arrow-down-icon.png |
| Cannot display: file marked as a binary type. |
| svn:mime-type = image/png |
| Index: trunk/phase3/skins/vector/screen.css |
| — | — | @@ -204,10 +204,13 @@ |
| 205 | 205 | float: left; |
| 206 | 206 | /* @embed */ |
| 207 | 207 | background-image: url(images/arrow-down-icon.png); |
| 208 | | - background-position: 100% 60%; |
| | 208 | + background-position: 0px 60%; |
| 209 | 209 | background-repeat: no-repeat; |
| 210 | 210 | cursor: pointer; |
| 211 | 211 | } |
| | 212 | + div.vectorMenuFocus { |
| | 213 | + background-position: -22px 60%; |
| | 214 | + } |
| 212 | 215 | /* @noflip */ |
| 213 | 216 | body.rtl div.vectorMenu { |
| 214 | 217 | direction: rtl; |
| — | — | @@ -280,7 +283,8 @@ |
| 281 | 284 | x:-moz-any-link { |
| 282 | 285 | margin-left: 23px; |
| 283 | 286 | } |
| 284 | | - div.vectorMenu:hover div.menu { |
| | 287 | + /* Enable forcing showing of the menu for accessibility */ |
| | 288 | + div.vectorMenu:hover div.menu, div.vectorMenu div.menuForceShow { |
| 285 | 289 | display: block; |
| 286 | 290 | } |
| 287 | 291 | div.vectorMenu ul { |
| Index: trunk/phase3/skins/vector/vector.js |
| — | — | @@ -0,0 +1,18 @@ |
| | 2 | +/* |
| | 3 | + * Vector-specific scripts |
| | 4 | + */ |
| | 5 | +$(document).ready( function() { |
| | 6 | + // For accessibility, show the menu when the hidden link in the menu is clicked |
| | 7 | + $( '#p-cactions h5 a' ).click( function() { |
| | 8 | + $( '#p-cactions .menu' ).toggleClass( 'menuForceShow' ); |
| | 9 | + }); |
| | 10 | + |
| | 11 | + // When the hidden link has focus, also set a class that will change the arrow icon |
| | 12 | + $( '#p-cactions h5 a' ).focus( function () { |
| | 13 | + $( '#p-cactions' ).addClass( 'vectorMenuFocus' ); |
| | 14 | + }); |
| | 15 | + |
| | 16 | + $( '#p-cactions h5 a' ).blur( function () { |
| | 17 | + $( '#p-cactions' ).removeClass( 'vectorMenuFocus' ); |
| | 18 | + }); |
| | 19 | +}); |
| Property changes on: trunk/phase3/skins/vector/vector.js |
| ___________________________________________________________________ |
| Added: svn:eol-style |
| 1 | 20 | + native |
| Index: trunk/phase3/resources/Resources.php |
| — | — | @@ -15,6 +15,7 @@ |
| 16 | 16 | |
| 17 | 17 | 'skins.vector' => array( |
| 18 | 18 | 'styles' => array( 'vector/screen.css' => array( 'media' => 'screen' ) ), |
| | 19 | + 'scripts' => 'vector/vector.js', |
| 19 | 20 | 'remoteBasePath' => $GLOBALS['wgStylePath'], |
| 20 | 21 | 'localBasePath' => "{$GLOBALS['IP']}/skins", |
| 21 | 22 | ), |