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

Make sections more clear in settings panel

Browse Source 
CSS adjustments to visually distinguish settings sections from the
settings panel. Sections in the left use a light gray background to
provide contrast with the specific settings of each category.

Change-Id: Ie56020d6b8886cb9296f9ac9defe6ad81a6cc184
This commit is contained in:
Pau Giner
2013-03-27 12:15:04 +01:00
parent 7158b0adeb
commit a2bb12e332
2 changed files with 18 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
resources/css/ext.uls.languagesettings.css
View File

@@ -43,7 +43,8 @@
} }
#languagesettings-panels .languagesettings-menu { #languagesettings-panels .languagesettings-menu {
padding-left: 0px; padding-left: 0;
padding-right: 0;
} }
.languagesettings-menu .settings-title { .languagesettings-menu .settings-title {
@@ -67,6 +68,8 @@
#languagesettings-settings-panel { #languagesettings-settings-panel {
padding-left: 5%; padding-left: 5%;
color: #252525; color: #252525;
background: #FFFFFF;
border-bottom-right-radius: 5px;
} }
#languagesettings-settings-panel h3 { #languagesettings-settings-panel h3 {
@@ -96,9 +99,19 @@
font-size: 12pt; font-size: 12pt;
} }
#languagesettings-panels .menu-section.active { #language-settings-dialog {
background: #FBFBFB;
}
.uls-language-settings-close-block {
background: #FFFFFF;
border-top-right-radius: 5px;
}
#languagesettings-panels .menu-section.active,
#languagesettings-panels .menu-section.active:hover {
color: black; color: black;
background-color: #F6F6F6; background-color: #F0F0F0;
border-left-color: #3366BB; border-left-color: #3366BB;
} }
@@ -111,7 +124,7 @@
#input-settings-block.menu-section:hover, #input-settings-block.menu-section:hover,
#display-settings-block.menu-section:hover { #display-settings-block.menu-section:hover {
background-color: #F6F6F6; background-color: #F5F5F5;
} }
#languagesettings-settings-panel .language-settings-buttons { #languagesettings-settings-panel .language-settings-buttons {

2
resources/js/ext.uls.languagesettings.js
View File

@@ -23,7 +23,7 @@
var closeRow, settingsMenu, settingsPanel, windowTemplate, panelsRow; var closeRow, settingsMenu, settingsPanel, windowTemplate, panelsRow;
closeRow = '<div class="row">' + closeRow = '<div class="row">' +
'<span id="languagesettings-close" class="icon-close"></span>' + '<div class="uls-language-settings-close-block eight columns offset-by-four"><span id="languagesettings-close" class="icon-close"></span></div>' +
'</div>'; '</div>';
settingsMenu = '<div class="four columns languagesettings-menu">' + settingsMenu = '<div class="four columns languagesettings-menu">' +
'<h1 data-i18n="ext-uls-language-settings-title"></h1>' + '<h1 data-i18n="ext-uls-language-settings-title"></h1>' +