diff --git a/resources/css/ext.uls.css b/resources/css/ext.uls.css
index 069b35ca..42077ec1 100644
--- a/resources/css/ext.uls.css
+++ b/resources/css/ext.uls.css
@@ -111,6 +111,34 @@ div.display-settings-block:hover .settings-text {
color: #252525;
}
+/* Ime menu customizations */
+.ime-perime-help {
+ display: none;
+}
+
+.ime-checked .ime-perime-help {
+ display: inline-block;
+ width: 20px;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ opacity: 0.75;
+ padding: 0;
+ /* @embed */
+ background: transparent url('../images/help.png') left center no-repeat;
+ /* @embed */
+ background-image: -webkit-linear-gradient(transparent, transparent), url('../images/help.svg');
+ /* @embed */
+ background-image: linear-gradient(transparent, transparent), url('../images/help.svg');
+}
+
+.ime-checked .ime-perime-help:hover {
+ opacity: 1;
+}
+
+
button.button {
display: inline-block;
padding: 0.4065em 1.2195em 0.4065em;
diff --git a/resources/css/ext.uls.inputsettings.css b/resources/css/ext.uls.inputsettings.css
index 17481fc7..90e319a6 100644
--- a/resources/css/ext.uls.inputsettings.css
+++ b/resources/css/ext.uls.inputsettings.css
@@ -25,12 +25,6 @@ div.input-settings-block {
float: left;
}
-.ime-selector-more-languages:hover {
- text-decoration: none;
- color: #ffffff;
- background-color: #5089e8;
-}
-
.uls-ime-menu-settings-item {
background-color: #f0f0f0;
/* Workaround for bug https://bugzilla.wikimedia.org/49074 */
@@ -53,6 +47,7 @@ div.input-settings-block {
padding-left: 22px;
padding-right: 26px;
padding-bottom: 10px;
+ cursor: pointer;
}
.uls-ime-more-settings-link {
@@ -67,6 +62,7 @@ div.input-settings-block {
height: 14px;
position: absolute;
right: 0;
+ cursor: pointer;
}
.uls-ime-menu-settings-item > a:hover {
diff --git a/resources/images/help.png b/resources/images/help.png
new file mode 100644
index 00000000..27e2a41e
Binary files /dev/null and b/resources/images/help.png differ
diff --git a/resources/images/help.svg b/resources/images/help.svg
new file mode 100644
index 00000000..fd13f8d3
--- /dev/null
+++ b/resources/images/help.svg
@@ -0,0 +1,24 @@
+
+
+
+
\ No newline at end of file
diff --git a/resources/js/ext.uls.ime.js b/resources/js/ext.uls.ime.js
index e22c59a6..8f16b81a 100644
--- a/resources/js/ext.uls.ime.js
+++ b/resources/js/ext.uls.ime.js
@@ -111,9 +111,8 @@
// Add a 'more setttings' link that takes to input settings of ULS
$.fn.imeselector.Constructor.prototype.helpLink = function () {
- var $disableInputToolsLink, $moreSettingsLink, imeselector;
-
- imeselector = this;
+ var $disableInputToolsLink, $moreSettingsLink,
+ imeselector = this;
$disableInputToolsLink = $( '' )
.addClass( 'uls-ime-disable-link' )
@@ -186,7 +185,7 @@
var $ulsTrigger;
$ulsTrigger = $( '' ).text( '...' )
- .addClass( 'ime-selector-more-languages' )
+ .addClass( 'ime-selector-more-languages selectable-row selectable-row-item' )
.attr( {
title: $.i18n( 'ext-uls-input-settings-more-languages-tooltip' )
} );
@@ -200,6 +199,18 @@
} );
return $ulsTrigger;
+ },
+ helpHandler: function ( ime ) {
+ return $( '' )
+ .attr( {
+ href: mw.msg( 'uls-ime-helppage' ).replace( '$1', ime ),
+ target: '_blank',
+ title: $.i18n( 'ext-uls-ime-help' )
+ } )
+ .addClass( 'ime-perime-help' )
+ .click( function ( event ) {
+ event.stopPropagation();
+ } );
}
} );