From 883e87ea569e0e1dff3ab6c75a54483ab795a7f7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Niklas=20Laxstr=C3=B6m?= Date: Mon, 15 Jul 2013 08:37:54 +0000 Subject: [PATCH] Help links for ime selector menu Change-Id: Ia6a0db9af25216f3d03c5130de96000141ccaa57 --- resources/css/ext.uls.css | 28 ++++++++++++++++++++++++ resources/css/ext.uls.inputsettings.css | 8 ++----- resources/images/help.png | Bin 0 -> 401 bytes resources/images/help.svg | 24 ++++++++++++++++++++ resources/js/ext.uls.ime.js | 19 ++++++++++++---- 5 files changed, 69 insertions(+), 10 deletions(-) create mode 100644 resources/images/help.png create mode 100644 resources/images/help.svg 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 0000000000000000000000000000000000000000..27e2a41e8d299250583cb3da39f097677a6a384b GIT binary patch literal 401 zcmeAS@N?(olHy`uVBq!ia0vp^LLkh+3?vf;>QaFebFq_W2nPqp?T7vkfLzW3kH})6 z^6MbX=%g{b0w^e1;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G6i`ukfKQ0) z|NsAi%(S$$(9lp%PtWM+XdojzJUk*I0>TIj3j?wtB0x5f0U;qGKoTohb0={J&|I04 zAirP+MpiasdHLq2Z{Pp^d%8;O5l~%=r;B5V#O2Zn2l);u z2)MXs>2?LJTsrmFzyH>@3}M1^POItfo;-8vzmpNq*ZgFf>(6kqd@9exMHW-$a_o7w zfywZF<%7yeecTUJPpUM0*zuZ6Mfs%I{Mj}QQ=b^k + + +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(); + } ); } } );