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

Revert "Update jquery.uls to a9dc11b"

Browse Source 
Breaks VisualEditor by throwing exceptions on most key
presses and selection changes, which causes Enter and Tab
to behave very badly in VE.

This reverts commit 3499b0a1b9.

Bug: T144871
Change-Id: I0518b056e6946341cf29eb3f16378702d37086a5
This commit is contained in:
Catrope
2016-09-07 00:47:01 +00:00
parent 3499b0a1b9
commit 1400354f43
17 changed files with 139 additions and 135 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,3 +1,4 @@
.uls-trigger {
/* @embed */
background: transparent url('../images/icon-language.png') no-repeat scroll left center;
@@ -50,9 +51,64 @@
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 16px;
padding: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDD;
@@ -65,7 +121,7 @@
/* Make space for magnifying class on the front */
.uls-search-wrapper {
position: relative;
padding-left: 44px;
padding-left: 40px;
margin-right: 5px;
height: 32px;
}
@@ -75,10 +131,10 @@
background-image: -webkit-linear-gradient(transparent, transparent), url('../images/search.svg');
/* @embed */
background-image: linear-gradient(transparent, transparent), url('../images/search.svg');
background-size: 20px;
background-size: 28px;
background-position: center center;
height: 32px;
width: 44px;
width: 40px;
display: block;
position: absolute;
left: 0;
@@ -91,7 +147,7 @@
/* There are two input boxes. This class applies to both of them */
.uls-filterinput {
font-size: 16px;
font-size: 18px;
height: 32px;
width: 100%;
/* For the custom clear (X) icon */

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

@@ -1,12 +1,13 @@
/*
* 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 ul li:hover {
background-color: #eaeff7;
}
.uls-lcd {
.uls-lcd-region-section {
margin-top: 10px;
}
/* Language list */
.uls-language-list {
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 */
@@ -14,47 +15,13 @@
overflow-y: auto;
width: auto;
background: #FCFCFC;
padding: 0 16px;
}
.uls-lcd-region-section {
margin-top: 10px;
.uls-language-block ul {
margin: 0 0 1.5em;
}
.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 {
.uls-language-list 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.
@@ -65,10 +32,8 @@
list-style-type: none;
}
.uls-language-block > ul > li {
.uls-language-list 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
@@ -81,15 +46,17 @@
text-align: left;
}
.uls-language-block > ul > li:hover {
background-color: #eaeff7;
/* TODO: looks unused */
.uls-language-list strong {
text-decoration: underline;
}
.uls-language-block a {
cursor: pointer;
.uls-language-list a {
font-weight: normal;
text-decoration: none;
color: #3366bb;
font-size: 14px;
line-height: 1.6em;
display: inline-block;
width: 100%;
overflow: hidden;
@@ -104,22 +71,16 @@
vertical-align: middle;
}
/* TODO: ugly hack that forces last matching search results to shift down.
* They should be hidden properly.
*/
.uls-language-block {
width: 100%;
}
.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%;
@@ -129,3 +90,7 @@
bottom: 0;
left: 0;
}
.uls-no-found-more a {
cursor: pointer;
}

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

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