Skip to content

Commit 7d3ad2c

Browse files
committed
Merge branch 'master' of https://github.com/ivaynberg/select2 into zIndex
2 parents d62bc5b + 55fd001 commit 7d3ad2c

2 files changed

Lines changed: 200 additions & 98 deletions

File tree

select2.css

Lines changed: 40 additions & 30 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 */
@@ -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,74 @@ 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 {
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 {
253+
list-style: none;
254+
display: list-item;
255+
}
256+
257+
.select2-results li.select2-result-with-children > .select2-result-label {
258+
font-weight: bold;
259+
}
260+
261+
.select2-results .select2-result-label {
240262
line-height: 80%;
241263
padding: 7px 7px 8px;
242264
margin: 0;
243-
list-style: none;
244265
cursor: pointer;
245-
display: list-item;
246266
}
247267

248-
.select2-container .select2-results .select2-highlighted {
268+
.select2-results .select2-highlighted {
249269
background: #3875d7;
250270
color: #fff;
251271
}
252-
.select2-container .select2-results li em {
272+
.select2-results li em {
253273
background: #feffde;
254274
font-style: normal;
255275
}
256-
.select2-container .select2-results .select2-highlighted em {
276+
.select2-results .select2-highlighted em {
257277
background: transparent;
258278
}
259-
.select2-container .select2-results .select2-no-results {
279+
.select2-results .select2-no-results {
260280
background: #f4f4f4;
261281
display: list-item;
262282
}
263283

264284
/*
265285
disabled look for already selected choices in the results dropdown
266-
.select2-container .select2-results .select2-disabled.select2-highlighted {
286+
.select2-results .select2-disabled.select2-highlighted {
267287
color: #666;
268288
background: #f4f4f4;
269289
display: list-item;
270290
cursor: default;
271291
}
272-
.select2-container .select2-results .select2-disabled {
292+
.select2-results .select2-disabled {
273293
background: #f4f4f4;
274294
display: list-item;
275295
cursor: default;
276296
}
277297
*/
278-
.select2-container .select2-results .select2-disabled {
298+
.select2-results .select2-disabled {
279299
display: none;
280300
}
281301

@@ -324,10 +344,6 @@ disabled look for already selected choices in the results dropdown
324344
position: relative;
325345
}
326346

327-
.select2-container-multi .select2-drop {
328-
margin-top:0;
329-
}
330-
331347
.select2-container-multi .select2-choices {
332348
min-height: 26px;
333349
}
@@ -428,12 +444,6 @@ disabled look for already selected choices in the results dropdown
428444
background-position: right -11px;
429445
}
430446

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

439449
.select2-container-multi.select2-container-disabled .select2-choices{

0 commit comments

Comments
 (0)