wikimedia/mediawiki-skins-Vector
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git synced 2024-11-27 17:10:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve wikibase interlanguage link styles

Browse source 
Overrides the `wikibase.client.init` module to
better style the interlanguage link button in
Vector 2022.

Also adds the `.mw-list-item` class to that link
so that it maintains consistency with the other
menu list items.

Bug: T328069
Change-Id: I5c84b7f036afb4b8dc11e92a59dff8000f068e67
This commit is contained in:
Jan Drewniak 2023-02-03 12:32:35 -05:00
parent 61901f8b2d
commit 443955249b
4 changed files with 18 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
resources/skins.vector.js/languageButton.js
View file

@ -13,7 +13,7 @@ function addInterwikiLinkToMainMenu() {
var $li = $( '<li>' ) var $li = $( '<li>' )
// If the Wikibase code runs last, this class is required so it matches the selector @: // If the Wikibase code runs last, this class is required so it matches the selector @:
// https://gerrit.wikimedia.org/g/mediawiki/extensions/Wikibase/+/f2e96e1b08fc5ae2e2e92f05d5eda137dc6b1bc8/client/resources/wikibase.client.linkitem.init.js#82 // https://gerrit.wikimedia.org/g/mediawiki/extensions/Wikibase/+/f2e96e1b08fc5ae2e2e92f05d5eda137dc6b1bc8/client/resources/wikibase.client.linkitem.init.js#82
.addClass( 'wb-langlinks-link' ) .addClass( 'wb-langlinks-link mw-list-item' )
.append( $editLink ); .append( $editLink );
$li.appendTo( '#p-tb ul' ); $li.appendTo( '#p-tb ul' );
} }

1
skin.json
View file

@ -446,6 +446,7 @@
"+ext.uls.compactlinks": "skinStyles/ext.uls.compactlinks.less", "+ext.uls.compactlinks": "skinStyles/ext.uls.compactlinks.less",
"+ext.uls.interface": "skinStyles/ext.uls.interface.less", "+ext.uls.interface": "skinStyles/ext.uls.interface.less",
"+ext.visualEditor.base": "skinStyles/ext.visualEditor.less", "+ext.visualEditor.base": "skinStyles/ext.visualEditor.less",
"wikibase.client.init": "skinStyles/wikibase.client.init.css",
"jquery.ui": [ "jquery.ui": [
"skinStyles/jquery.ui/jquery.ui.core.css", "skinStyles/jquery.ui/jquery.ui.core.css",
"skinStyles/jquery.ui/jquery.ui.theme.css", "skinStyles/jquery.ui/jquery.ui.theme.css",

4
skinStyles/images/edit.svg Normal file
View file

@ -0,0 +1,4 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12">
<path fill="#0645ad" d="M10.5 4.7l1.3-1.3c.3-.3.3-.7 0-.9L9.6.2c-.3-.3-.7-.3-.9 0L7.3 1.5l3.2 3.2zM6.6 2.2L0 8.8V12h3.2l6.6-6.6-3.2-3.2z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 271 B

12
skinStyles/wikibase.client.init.css Normal file
View file

@ -0,0 +1,12 @@
.wb-langlinks-link > a:before {
content: '';
background-image: url( images/edit.svg );
background-position: 2px center;
background-repeat: no-repeat;
background-size: 10px 10px;
display: inline-block;
width: 14px; /* extra 2px of white space around the icon */
height: 10px;
margin-left: -14px;
vertical-align: top;
}