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

Fix to reduce the ammount of settings text

Browse Source 
Settings text on the main ULS view can grow longer for some languages running out of space.
This change does the following to avoid that:
* Removes setting section explanations and shows them as a tooltip on hover.
* Adjusts style for adjusting space between setting sections.
* Keyboard image has been adjusted to match the display settings image.

Change-Id: I42ec5cb35b3d4df977a6eff28ad55891f4135356
This commit is contained in:
pginer
2012-10-31 13:36:15 +01:00
committed by Santhosh Thottingal
parent 7ccf8d9de7
commit 833f8f63d6
3 changed files with 19 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
resources/css/ext.uls.css
View File

@@ -4,8 +4,15 @@ div#settings-block {
line-height: 1.2em; line-height: 1.2em;
} }
div.display-settings-block:hover { #settings-block div.display-settings-block,
color: black; #settings-block div.input-settings-block {
margin: 8px 0;
color: #565656;
}
#settings-block div.display-settings-block:hover,
#settings-block div.input-settings-block:hover {
color: #252525;
} }
.uls-ui-languages button { .uls-ui-languages button {

BIN
resources/images/input.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 533 B

After

Width:  |  Height:  |  Size: 1.0 KiB

22
resources/js/ext.uls.init.js
View File

@@ -139,32 +139,30 @@
previousLang = previousLanguages.slice( -1 )[0]; previousLang = previousLanguages.slice( -1 )[0];
function displaySettings () { function displaySettings () {
var $displaySettingsTitle, $displaySettingsText, $displaySettings; var $displaySettingsTitle, displaySettingsText, $displaySettings;
displaySettingsText = $.i18n( 'ext-uls-display-settings-desc' );
$displaySettingsTitle = $( '<div data-i18n="ext-uls-display-settings-title">' ) $displaySettingsTitle = $( '<div data-i18n="ext-uls-display-settings-title">' )
.addClass( 'settings-title' ); .addClass( 'settings-title' )
$displaySettingsText = $( '<span data-i18n="ext-uls-display-settings-desc">' ) .attr( 'title', displaySettingsText );
.addClass( 'settings-text' );
$displaySettings = $( '<div>' ) $displaySettings = $( '<div>' )
.addClass( 'display-settings-block' ) .addClass( 'display-settings-block' )
.prop( 'id', 'display-settings-block' ) .prop( 'id', 'display-settings-block' )
.append( $displaySettingsTitle ) .append( $displaySettingsTitle );
.append( $displaySettingsText );
return $displaySettings; return $displaySettings;
} }
function inputSettings () { function inputSettings () {
var $inputSettingsTitle, $inputSettingsText, $inputSettings; var $inputSettingsTitle, inputSettingsText, $inputSettings;
inputSettingsText = $.i18n( 'ext-uls-input-settings-desc' );
$inputSettingsTitle = $( '<div data-i18n="ext-uls-input-settings-title">' ) $inputSettingsTitle = $( '<div data-i18n="ext-uls-input-settings-title">' )
.addClass( 'settings-title' ); .addClass( 'settings-title' )
$inputSettingsText = $( '<span data-i18n="ext-uls-input-settings-desc">' ) .attr( 'title', inputSettingsText );
.addClass( 'settings-text' );
$inputSettings = $( '<div>' ) $inputSettings = $( '<div>' )
.addClass( 'input-settings-block' ) .addClass( 'input-settings-block' )
.prop( 'id', 'input-settings-block' ) .prop( 'id', 'input-settings-block' )
.append( $inputSettingsTitle ) .append( $inputSettingsTitle );
.append( $inputSettingsText );
return $inputSettings; return $inputSettings;
} }