Skip to content

Commit e8083a6

Browse files
committed
Merge remote-tracking branch 'upstream/master'
2 parents 0d29fff + a7bd800 commit e8083a6

3 files changed

Lines changed: 464 additions & 190 deletions

File tree

README.md

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -27,6 +27,13 @@ Browser Compatibility
2727
* Safari 3+
2828
* Opera 10.6+
2929

30+
Integrations
31+
------------
32+
33+
* [Wicket-Select2](https://github.com/ivaynberg/wicket-select2) (Java / Apache Wicket)
34+
* [select2-rails](https://github.com/argerim/select2-rails) (Ruby on Rails)
35+
* [AngularUI](http://angular-ui.github.com/#directives-select2) ([AngularJS](angularjs.org))
36+
3037
Bug tracker
3138
-----------
3239

select2.css

Lines changed: 50 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -13,11 +13,11 @@ Version: @@ver@@ Timestamp: @@timestamp@@
1313
.select2-container,
1414
.select2-drop,
1515
.select2-search,
16-
.select2-container .select2-search input{
17-
/*
16+
.select2-search input{
17+
/*
1818
Force border-box so that % widths fit the parent
1919
container without overlap because of margin/padding.
20-
20+
2121
More Info : http://www.quirksmode.org/css/box.html
2222
*/
2323
-moz-box-sizing: border-box; /* firefox */
@@ -72,7 +72,7 @@ Version: @@ver@@ Timestamp: @@timestamp@@
7272
width: 12px;
7373
height: 12px;
7474
font-size: 1px;
75-
background: url(select2.png) right top no-repeat;
75+
background: url('select2.png') right top no-repeat;
7676
cursor: pointer;
7777
text-decoration: none;
7878
border:0;
@@ -83,7 +83,7 @@ Version: @@ver@@ Timestamp: @@timestamp@@
8383
cursor: pointer;
8484
}
8585

86-
.select2-container .select2-drop {
86+
.select2-drop {
8787
background: #fff;
8888
border: 1px solid #aaa;
8989
border-top: 0;
@@ -133,7 +133,7 @@ Version: @@ver@@ Timestamp: @@timestamp@@
133133
height: 100%;
134134
}
135135

136-
.select2-container .select2-search {
136+
.select2-search {
137137
display: inline-block;
138138
white-space: nowrap;
139139
z-index: 1010;
@@ -144,13 +144,13 @@ Version: @@ver@@ Timestamp: @@timestamp@@
144144
padding-right: 4px;
145145
}
146146

147-
.select2-container .select2-search-hidden {
147+
.select2-search-hidden {
148148
display: block;
149149
position: absolute;
150150
left: -10000px;
151151
}
152152

153-
.select2-container .select2-search input {
153+
.select2-search input {
154154
background: #fff url('select2.png') no-repeat 100% -22px;
155155
background: url('select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
156156
background: url('select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
@@ -172,10 +172,10 @@ Version: @@ver@@ Timestamp: @@timestamp@@
172172
box-shadow: none;
173173
border-radius: 0;
174174
-moz-border-radius: 0;
175-
-webkit-border-radius: 0;
175+
-webkit-border-radius: 0;
176176
}
177177

178-
.select2-container .select2-search input.select2-active {
178+
.select2-search input.select2-active {
179179
background: #fff url('spinner.gif') no-repeat 100%;
180180
background: url('spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
181181
background: url('spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
@@ -228,54 +228,73 @@ Version: @@ver@@ Timestamp: @@timestamp@@
228228
}
229229

230230
/* results */
231-
.select2-container .select2-results {
231+
.select2-results {
232232
margin: 4px 4px 4px 0;
233233
padding: 0 0 0 4px;
234234
position: relative;
235235
overflow-x: hidden;
236236
overflow-y: auto;
237237
max-height: 200px;
238238
}
239-
.select2-container .select2-results li {
240-
line-height: 80%;
241-
padding: 7px 7px 8px;
242-
margin: 0;
239+
240+
.select2-results ul.select2-result-sub {
241+
margin: 0 0 0 0;
242+
}
243+
244+
.select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px }
245+
.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px }
246+
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px }
247+
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px }
248+
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px }
249+
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px }
250+
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px }
251+
252+
.select2-results li {
243253
list-style: none;
244-
cursor: pointer;
245254
display: list-item;
246255
}
247256

248-
.select2-container .select2-results .select2-highlighted {
257+
.select2-results li.select2-result-with-children > .select2-result-label {
258+
font-weight: bold;
259+
}
260+
261+
.select2-results .select2-result-label {
262+
padding: 3px 7px 4px;
263+
margin: 0;
264+
cursor: pointer;
265+
}
266+
267+
.select2-results .select2-highlighted {
249268
background: #3875d7;
250269
color: #fff;
251270
}
252-
.select2-container .select2-results li em {
271+
.select2-results li em {
253272
background: #feffde;
254273
font-style: normal;
255274
}
256-
.select2-container .select2-results .select2-highlighted em {
275+
.select2-results .select2-highlighted em {
257276
background: transparent;
258277
}
259-
.select2-container .select2-results .select2-no-results {
278+
.select2-results .select2-no-results {
260279
background: #f4f4f4;
261280
display: list-item;
262281
}
263282

264283
/*
265284
disabled look for already selected choices in the results dropdown
266-
.select2-container .select2-results .select2-disabled.select2-highlighted {
285+
.select2-results .select2-disabled.select2-highlighted {
267286
color: #666;
268287
background: #f4f4f4;
269288
display: list-item;
270289
cursor: default;
271290
}
272-
.select2-container .select2-results .select2-disabled {
291+
.select2-results .select2-disabled {
273292
background: #f4f4f4;
274293
display: list-item;
275294
cursor: default;
276295
}
277296
*/
278-
.select2-container .select2-results .select2-disabled {
297+
.select2-results .select2-disabled {
279298
display: none;
280299
}
281300

@@ -324,10 +343,6 @@ disabled look for already selected choices in the results dropdown
324343
position: relative;
325344
}
326345

327-
.select2-container-multi .select2-drop {
328-
margin-top:0;
329-
}
330-
331346
.select2-container-multi .select2-choices {
332347
min-height: 26px;
333348
}
@@ -366,6 +381,9 @@ disabled look for already selected choices in the results dropdown
366381
box-shadow : none;
367382
}
368383

384+
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
385+
background: #fff url('spinner.gif') no-repeat 100% !important;
386+
}
369387

370388
.select2-default {
371389
color: #999 !important;
@@ -412,7 +430,7 @@ disabled look for already selected choices in the results dropdown
412430
width: 12px;
413431
height: 13px;
414432
font-size: 1px;
415-
background: url(select2.png) right top no-repeat;
433+
background: url('select2.png') right top no-repeat;
416434
outline: none;
417435
}
418436

@@ -428,12 +446,6 @@ disabled look for already selected choices in the results dropdown
428446
background-position: right -11px;
429447
}
430448

431-
432-
.select2-container-multi .select2-results {
433-
margin: -1px 0 0;
434-
padding: 0;
435-
}
436-
437449
/* disabled styles */
438450

439451
.select2-container-multi.select2-container-disabled .select2-choices{
@@ -454,3 +466,7 @@ disabled look for already selected choices in the results dropdown
454466
display: none;
455467
}
456468
/* end multiselect */
469+
470+
.select2-match { text-decoration: underline; }
471+
472+
.select2-offscreen { position: absolute; left: -1000px; }

0 commit comments

Comments
 (0)