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

Update jquery.uls to a9dc11b

Browse Source 
* Brings new design improvements.
* Also removed some local style overrides in the extension that are
  no longer needed and added new ones.
* Localisation updates

Bug: T138235
Bug: T137870
Change-Id: Iecec180ca01a40f0333e5b75914dcdb0c390f6b8
This commit is contained in:
Niklas Laxström
2016-08-30 15:17:01 +02:00
committed by Amire80
parent 8178f09a52
commit 3499b0a1b9
17 changed files with 135 additions and 139 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
lib/jquery.uls/css/jquery.uls.css
View File

@@ -1,4 +1,3 @@
.uls-trigger {
/* @embed */
background: transparent url('../images/icon-language.png') no-repeat scroll left center;
@@ -51,64 +50,9 @@
min-width: 150px;
}
.uls-title-region a {
padding-left: 15px;
}
.uls-menu .uls-title {
font-weight: normal;
border: none;
padding-left: 15px;
font-size: 18pt;
line-height: 1.25em;
color: #555;
}
.uls-menu .uls-no-results-found-title {
font-size: 16pt;
font-weight: bold;
line-height: 1.5em;
padding-left: 6px;
padding-top: 10px;
margin-top: 0;
margin-bottom: 15px;
border-bottom: none;
color: #555;
}
.uls-menu .uls-lcd-region-section .uls-lcd-region-title {
color: #777;
font-size: 14pt;
font-weight: lighter;
line-height: 1.5em;
padding-left: 0;
margin-top: 0;
margin-bottom: 10px;
border-bottom: none;
}
div.uls-region {
cursor: pointer;
padding: 0;
margin: 0;
height: 120px;
border-bottom-color: transparent;
border-bottom-style: solid;
border-bottom-width: 2px;
}
.uls-region a {
bottom: 2px;
left: 2px;
padding: 0;
position: absolute;
font-size: 13px;
line-height: 1.2em;
text-decoration: none;
overflow: hidden;
text-overflow: ellipsis;
width: 99%;
}
.uls-search {
background-color: white;
padding: 5px;
padding: 5px 16px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDD;
@@ -121,7 +65,7 @@ div.uls-region {
/* Make space for magnifying class on the front */
.uls-search-wrapper {
position: relative;
padding-left: 40px;
padding-left: 44px;
margin-right: 5px;
height: 32px;
}
@@ -131,10 +75,10 @@ div.uls-region {
background-image: -webkit-linear-gradient(transparent, transparent), url('../images/search.svg');
/* @embed */
background-image: linear-gradient(transparent, transparent), url('../images/search.svg');
background-size: 28px;
background-size: 20px;
background-position: center center;
height: 32px;
width: 40px;
width: 44px;
display: block;
position: absolute;
left: 0;
@@ -147,7 +91,7 @@ div.uls-region {
/* There are two input boxes. This class applies to both of them */
.uls-filterinput {
font-size: 18px;
font-size: 16px;
height: 32px;
width: 100%;
/* For the custom clear (X) icon */

91
lib/jquery.uls/css/jquery.uls.lcd.css
View File

@@ -1,13 +1,12 @@
.uls-lcd-region-section ul li:hover {
background-color: #eaeff7;
}
/*
* Language Category Display (LCD) consists of multiple sections:
* - one to display when there are no search results (which might display suggested languages)
* - one for each region of the world, plus regions for world languages and suggested languages
* The regions consist of one or more rows (blocks) which consist of one-to-four columns. Each
* column is an ul element, and contains up to 8 li elements, each containing a link.
*/
.uls-lcd-region-section {
margin-top: 10px;
}
/* Language list */
.uls-language-list {
.uls-lcd {
height: 20em;
/* Work around Chrome bug where it places scrollbar on the left in
* in RTL mode but actually reserves the place on the right side */
@@ -15,13 +14,47 @@
overflow-y: auto;
width: auto;
background: #FCFCFC;
padding: 0 16px;
}
.uls-language-block ul {
margin: 0 0 1.5em;
.uls-lcd-region-section {
margin-top: 10px;
}
.uls-language-list ul {
.uls-lcd-region-title {
color: #777;
font-size: 14px;
padding-left: 28px;
}
/*
* We need to have this as a grid row to push rest of the content below it, but resetting
* padding and margin so that calculating them for children is easier.
*/
.grid .uls-language-block.row {
padding: 0;
margin: 0;
}
/*
* Each block should have 16px padding on both sides. But because we already gave
* 16px for the whole menu, we need to remove it for first and last items the blocks.
*/
.grid .uls-language-block > ul {
margin: 0 0 20px 0;
padding: 0 16px;
}
.grid .uls-language-block > ul:first-child {
padding-left: 0;
}
.grid .uls-language-block > ul:last-child {
padding-right: 0;
}
.uls-language-block > ul {
/*
* We don't want any visible bullets in this list. Not by default anyway.
* Using very unspecific selector here to allow other classes to override.
@@ -32,8 +65,10 @@
list-style-type: none;
}
.uls-language-list li {
.uls-language-block > ul > li {
cursor: pointer;
margin-left: 20px;
padding: 8px;
/*
* The directionality (ltr/rtl) for each list item is set dynamically
* as HTML attributes in JavaScript. Setting directionality also applies
@@ -46,17 +81,15 @@
text-align: left;
}
/* TODO: looks unused */
.uls-language-list strong {
text-decoration: underline;
.uls-language-block > ul > li:hover {
background-color: #eaeff7;
}
.uls-language-list a {
font-weight: normal;
.uls-language-block a {
cursor: pointer;
text-decoration: none;
color: #3366bb;
font-size: 14px;
line-height: 1.6em;
display: inline-block;
width: 100%;
overflow: hidden;
@@ -71,16 +104,22 @@
vertical-align: middle;
}
.uls-language-block {
width: 100%;
}
/* TODO: ugly hack that forces last matching search results to shift down.
* They should be hidden properly.
*/
.uls-no-results-view {
color: #555;
height: 100%;
}
.uls-no-results-found-title {
font-size: 16px;
padding: 0 16px 0 28px;
border-bottom: none;
color: #555;
}
.uls-no-found-more {
padding: 0 16px 0 44px;
font-size: 0.9em;
background: #F8F8F8;
width: 100%;
@@ -90,7 +129,3 @@
bottom: 0;
left: 0;
}
.uls-no-found-more a {
cursor: pointer;
}

5
lib/jquery.uls/css/jquery.uls.mobile.css
View File

@@ -22,11 +22,6 @@
line-height: 1.7em;
}
.uls-mobile div.uls-region {
width: 33% !important;
float: left !important;
}
.uls-mobile .row {
width: auto;
min-width: 0;