bryce/mediawiki-extensions-UniversalLanguageSelector
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compact Links: Redesign the more languages button

Browse Source 
Change-Id: Ie4d1cb5bf89ac47bac141b0f5a83452cfa9a0783
This commit is contained in:
Niharika Kohli
2014-09-30 21:00:53 +05:30
committed by Santhosh Thottingal
parent 0092b712bd
commit bdb7b9c3d3
4 changed files with 16 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
i18n/en.json
View File

@@ -60,7 +60,7 @@
"ext-uls-input-disable-notification-info-personal": "You can enable the input tools at any time from the language settings.", "ext-uls-input-disable-notification-info-personal": "You can enable the input tools at any time from the language settings.",
"ext-uls-input-disable-notification-info-interlanguage": "You can enable the input tools at any time from the language settings next to the language list.", "ext-uls-input-disable-notification-info-interlanguage": "You can enable the input tools at any time from the language settings next to the language list.",
"ext-uls-language-settings-applying": "Applying...", "ext-uls-language-settings-applying": "Applying...",
"ext-uls-compact-link-count": "{{PLURAL:$1|One more language|$1 more languages}}", "ext-uls-compact-link-count": "{{PLURAL:$1|One more|$1 more}}",
"apihelp-languagesearch-description": "Search for language names in any script.", "apihelp-languagesearch-description": "Search for language names in any script.",
"apihelp-languagesearch-param-search": "Search string.", "apihelp-languagesearch-param-search": "Search string.",
"apihelp-languagesearch-param-typos": "Number of spelling mistakes allowed in the search string.", "apihelp-languagesearch-param-typos": "Number of spelling mistakes allowed in the search string.",

21
resources/css/ext.uls.compactlinks.css
View File

@@ -1,21 +1,20 @@
#more-lang-label {
color: #8b8989;
display: block;
font-size: 12px;
line-height: 1.2;
margin: 5px 0;
}
#p-lang .body ul .uls-trigger, #p-lang .body ul .uls-trigger,
#p-lang .pBody ul .uls-trigger { #p-lang .pBody ul .uls-trigger {
background-image: none; background-image: none;
padding: 0; padding: 0;
} }
.mw-interlanguage-selector { .mw-interlanguage-selector,
.mw-interlanguage-selector:active {
cursor: pointer; cursor: pointer;
margin: 2px 0; padding: 4px 6px 4px 25px;
padding: 0 8px; font-size: 13px;
font-weight: 400;
background-image: url( ../images/compact-links-trigger.svg );
background-size: 17px;
background-repeat: no-repeat;
background-position: 9% 8%;
margin-top: 4px;
} }
.interlanguage-uls-menu:after, .interlanguage-uls-menu:after,

1
resources/images/compact-links-trigger.svg Normal file
View File

@@ -0,0 +1 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 612 792" enable-background="new 0 0 612 792"><g fill="#777"><path d="M291.3 439.4c-39.5-38.9-73.9-72.7-93.7-150.5h138.4v-58.6h-138.4v-77.1h-59.3v77.8h-138.3v58.7h138.3v19.8c-19.7 76.9-43.3 126-138.3 173.8l19.8 58.7c89.9-48.4 137.1-107.7 158.1-175.3 19.8 51 53.5 91.8 91.8 130l21.6-57.3zM473.7 250h-79l-138.4 388.9h59.3l39.5-116.7h158.1l39.5 116.7h59.3l-138.3-388.9zm-98.8 214.2l59.3-155.5 59.3 155.6-118.6-.1z"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 513 B

10
resources/js/ext.uls.compactlinks.js
View File

@@ -287,20 +287,16 @@
* Add the trigger at the bottom of the language list * Add the trigger at the bottom of the language list
*/ */
addTrigger: function () { addTrigger: function () {
var $trigger, $triggerLabel; var $trigger;
$trigger = $( '<button>' ) $trigger = $( '<button>' )
.addClass( 'mw-interlanguage-selector mw-ui-button active' ) .addClass( 'mw-interlanguage-selector mw-ui-button active' )
.html( '&#8230' ); // '…' .html( $.i18n(
$triggerLabel = $( '<label>' )
.attr( 'id', 'more-lang-label' )
.text( $.i18n(
'ext-uls-compact-link-count', 'ext-uls-compact-link-count',
mw.language.convertNumber( this.listSize - this.compactSize ) mw.language.convertNumber( this.listSize - this.compactSize )
) ); ) );
this.$interlanguageList.append( $trigger, $triggerLabel ); this.$interlanguageList.append( $trigger );
this.$trigger = $trigger; this.$trigger = $trigger;
}, },