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 @@ + + + +image/svg+xml + + \ 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(); + } ); } } );