Merge "Compact Links: Redesign the more languages button"
This commit is contained in:
@@ -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.",
|
||||||
@@ -71,4 +71,4 @@
|
|||||||
"apihelp-ulslocalization-param-language": "Language string.",
|
"apihelp-ulslocalization-param-language": "Language string.",
|
||||||
"apihelp-ulslocalization-example-1": "Get Tamil localization",
|
"apihelp-ulslocalization-example-1": "Get Tamil localization",
|
||||||
"apihelp-ulslocalization-example-2": "Get Hindi localization"
|
"apihelp-ulslocalization-example-2": "Get Hindi localization"
|
||||||
}
|
}
|
||||||
@@ -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
1
resources/images/compact-links-trigger.svg
Normal 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>
|
||||||
|
After Width: | Height: | Size: 513 B |
@@ -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( '…' ); // '…'
|
.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;
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user