3af403fee5
If a user does changes in module A, does not save or cancel, goes to module B, does some changes, moves to other modules, and finally presses Apply, all changes should get saved. Similarly, if a user cancels, all changes should get cancelled. This required moving the cancel and apply button outside of modules and managed by the language settings framework. Modules get mw.uls.settings.apply or mw.uls.settings.cancel triggers to do whatever they want to do on apply or save. Includes some refactoring related to this. Bug: 53256 Change-Id: I7d773d33a980a78604b36e39bf96a5686870124e
123 lines
2.0 KiB
CSS
123 lines
2.0 KiB
CSS
.uls-menu h3 {
|
|
border-bottom: medium none;
|
|
font-size: 14pt;
|
|
line-height: 1.5em;
|
|
margin-bottom: 10px;
|
|
margin-top: 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
#languagesettings-panels .languagesettings-menu {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
|
|
.languagesettings-menu .settings-title {
|
|
font-size: 13pt;
|
|
}
|
|
|
|
.languagesettings-menu h1 {
|
|
font-size: 16pt;
|
|
line-height: 20pt;
|
|
margin-top: 0;
|
|
font-weight: normal;
|
|
border: none;
|
|
padding: 15px 0 3px 15px;
|
|
color: #555;
|
|
}
|
|
|
|
.language-settings-buttons {
|
|
text-align: right;
|
|
}
|
|
|
|
#languagesettings-settings-panel {
|
|
padding-left: 5%;
|
|
color: #252525;
|
|
background: #FFFFFF;
|
|
border-bottom-right-radius: 5px;
|
|
}
|
|
|
|
#languagesettings-settings-panel h3 {
|
|
color: #252525;
|
|
padding-top: 15px;
|
|
margin-top: 1pt;
|
|
line-height: 20pt;
|
|
font-size: 16pt;
|
|
}
|
|
|
|
#languagesettings-settings-panel h4 {
|
|
color: #252525;
|
|
font-size: 12pt;
|
|
}
|
|
|
|
#languagesettings-settings-panel h5 {
|
|
color: #252525;
|
|
font-size: 10pt;
|
|
}
|
|
|
|
/* Buttons in the selector panel */
|
|
.menu-section {
|
|
color: #777;
|
|
padding: 5px 0 5px 50px;
|
|
border-left: 3px solid transparent;
|
|
display: block;
|
|
font-size: 12pt;
|
|
}
|
|
|
|
#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;
|
|
background-color: #F0F0F0;
|
|
border-left-color: #3366BB;
|
|
}
|
|
|
|
#input-settings-block.menu-section,
|
|
#display-settings-block.menu-section {
|
|
background-position: 6% 6px;
|
|
padding-left: 40px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#input-settings-block.menu-section:hover,
|
|
#display-settings-block.menu-section:hover {
|
|
background-color: #F5F5F5;
|
|
}
|
|
|
|
.language-settings-buttons {
|
|
border-top: 1px solid #F0F0F0;
|
|
margin-top: 25px;
|
|
padding: 15px;
|
|
width: auto;
|
|
}
|
|
|
|
.language-settings-buttons button {
|
|
margin-left: 15px;
|
|
}
|
|
|
|
.uls-ui-languages p,
|
|
.checkbox {
|
|
color: #555555;
|
|
font-size: 10pt;
|
|
}
|
|
|
|
.checkbox input[type="checkbox"] {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.checkbox strong {
|
|
color: #252525;
|
|
}
|
|
|
|
label.checkbox input[type="checkbox"] {
|
|
float: left;
|
|
}
|