select2-rails 0.0.7 → 0.0.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/lib/select2-rails/version.rb +1 -1
- data/vendor/assets/javascripts/select2.js +192 -517
- data/vendor/assets/stylesheets/select2.css.sass +161 -214
- metadata +84 -62
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*
|
|
2
|
-
*Version:
|
|
2
|
+
*Version: 2.1 Timestamp: Tue Jun 12 19:50:25 PDT 2012
|
|
3
3
|
|
|
4
4
|
.select2-container
|
|
5
5
|
position: relative
|
|
@@ -7,11 +7,11 @@
|
|
|
7
7
|
/* inline-block for ie7
|
|
8
8
|
zoom: 1
|
|
9
9
|
*display: inline
|
|
10
|
-
/*
|
|
11
|
-
*
|
|
12
|
-
*
|
|
13
|
-
*
|
|
14
|
-
*
|
|
10
|
+
/*
|
|
11
|
+
*Force border-box so that % widths fit the parent
|
|
12
|
+
*container without overlap because of margin/padding.
|
|
13
|
+
*
|
|
14
|
+
*More Info : http://www.quirksmode.org/css/box.html
|
|
15
15
|
-moz-box-sizing: border-box
|
|
16
16
|
/* firefox
|
|
17
17
|
-ms-box-sizing: border-box
|
|
@@ -23,12 +23,12 @@
|
|
|
23
23
|
box-sizing: border-box
|
|
24
24
|
/* css3
|
|
25
25
|
|
|
26
|
-
.select2-drop
|
|
27
|
-
/*
|
|
28
|
-
*
|
|
29
|
-
*
|
|
30
|
-
*
|
|
31
|
-
*
|
|
26
|
+
.select2-drop, .select2-search
|
|
27
|
+
/*
|
|
28
|
+
*Force border-box so that % widths fit the parent
|
|
29
|
+
*container without overlap because of margin/padding.
|
|
30
|
+
*
|
|
31
|
+
*More Info : http://www.quirksmode.org/css/box.html
|
|
32
32
|
-moz-box-sizing: border-box
|
|
33
33
|
/* firefox
|
|
34
34
|
-ms-box-sizing: border-box
|
|
@@ -40,28 +40,13 @@
|
|
|
40
40
|
box-sizing: border-box
|
|
41
41
|
/* css3
|
|
42
42
|
|
|
43
|
-
.select2-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
/* firefox
|
|
51
|
-
-ms-box-sizing: border-box
|
|
52
|
-
/* ie
|
|
53
|
-
-webkit-box-sizing: border-box
|
|
54
|
-
/* webkit
|
|
55
|
-
-khtml-box-sizing: border-box
|
|
56
|
-
/* konqueror
|
|
57
|
-
box-sizing: border-box
|
|
58
|
-
/* css3
|
|
59
|
-
input
|
|
60
|
-
/*
|
|
61
|
-
* Force border-box so that % widths fit the parent
|
|
62
|
-
* container without overlap because of margin/padding.
|
|
63
|
-
*
|
|
64
|
-
* More Info : http://www.quirksmode.org/css/box.html
|
|
43
|
+
.select2-container
|
|
44
|
+
.select2-search input
|
|
45
|
+
/*
|
|
46
|
+
*Force border-box so that % widths fit the parent
|
|
47
|
+
*container without overlap because of margin/padding.
|
|
48
|
+
*
|
|
49
|
+
*More Info : http://www.quirksmode.org/css/box.html
|
|
65
50
|
-moz-box-sizing: border-box
|
|
66
51
|
/* firefox
|
|
67
52
|
-ms-box-sizing: border-box
|
|
@@ -72,148 +57,142 @@
|
|
|
72
57
|
/* konqueror
|
|
73
58
|
box-sizing: border-box
|
|
74
59
|
/* css3
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
border: 1px solid #aaa
|
|
92
|
-
display: block
|
|
93
|
-
overflow: hidden
|
|
94
|
-
white-space: nowrap
|
|
95
|
-
position: relative
|
|
96
|
-
height: 26px
|
|
97
|
-
line-height: 26px
|
|
98
|
-
padding: 0 0 0 8px
|
|
99
|
-
color: #444
|
|
100
|
-
text-decoration: none
|
|
101
|
-
span
|
|
102
|
-
margin-right: 26px
|
|
60
|
+
.select2-choice
|
|
61
|
+
background-color: #fff
|
|
62
|
+
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white))
|
|
63
|
+
background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%)
|
|
64
|
+
background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%)
|
|
65
|
+
background-image: -o-linear-gradient(bottom, #eeeeee 0%, white 50%)
|
|
66
|
+
background-image: -ms-linear-gradient(top, #eeeeee 0%, white 50%)
|
|
67
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#ffffff', GradientType = 0)
|
|
68
|
+
background-image: linear-gradient(top, #eeeeee 0%, white 50%)
|
|
69
|
+
-webkit-border-radius: 4px
|
|
70
|
+
-moz-border-radius: 4px
|
|
71
|
+
border-radius: 4px
|
|
72
|
+
-moz-background-clip: padding
|
|
73
|
+
-webkit-background-clip: padding-box
|
|
74
|
+
background-clip: padding-box
|
|
75
|
+
border: 1px solid #aaa
|
|
103
76
|
display: block
|
|
104
77
|
overflow: hidden
|
|
105
78
|
white-space: nowrap
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
position: absolute
|
|
112
|
-
right: 26px
|
|
113
|
-
top: 8px
|
|
114
|
-
width: 12px
|
|
115
|
-
height: 12px
|
|
116
|
-
font-size: 1px
|
|
117
|
-
background: image-url('select2.png') right top no-repeat
|
|
118
|
-
cursor: pointer
|
|
79
|
+
position: relative
|
|
80
|
+
height: 26px
|
|
81
|
+
line-height: 26px
|
|
82
|
+
padding: 0 0 0 8px
|
|
83
|
+
color: #444
|
|
119
84
|
text-decoration: none
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
85
|
+
span
|
|
86
|
+
margin-right: 26px
|
|
87
|
+
display: block
|
|
88
|
+
overflow: hidden
|
|
89
|
+
white-space: nowrap
|
|
90
|
+
-o-text-overflow: ellipsis
|
|
91
|
+
-ms-text-overflow: ellipsis
|
|
92
|
+
text-overflow: ellipsis
|
|
93
|
+
abbr
|
|
94
|
+
display: block
|
|
95
|
+
position: absolute
|
|
96
|
+
right: 26px
|
|
97
|
+
top: 8px
|
|
98
|
+
width: 12px
|
|
99
|
+
height: 12px
|
|
100
|
+
font-size: 1px
|
|
101
|
+
background: image-url('select2.png') right top no-repeat
|
|
124
102
|
cursor: pointer
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
.select2-container div
|
|
144
|
-
-webkit-border-radius: 0 4px 4px 0
|
|
145
|
-
-moz-border-radius: 0 4px 4px 0
|
|
146
|
-
border-radius: 0 4px 4px 0
|
|
147
|
-
-moz-background-clip: padding
|
|
148
|
-
-webkit-background-clip: padding-box
|
|
149
|
-
background-clip: padding-box
|
|
150
|
-
background: #ccc
|
|
151
|
-
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #cccccc), color-stop(0.6, #eeeeee))
|
|
152
|
-
background-image: -webkit-linear-gradient(center bottom, #cccccc 0%, #eeeeee 60%)
|
|
153
|
-
background-image: -moz-linear-gradient(center bottom, #cccccc 0%, #eeeeee 60%)
|
|
154
|
-
background-image: -o-linear-gradient(bottom, #cccccc 0%, #eeeeee 60%)
|
|
155
|
-
background-image: -ms-linear-gradient(top, #cccccc 0%, #eeeeee 60%)
|
|
156
|
-
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#cccccc', endColorstr = '#eeeeee', GradientType = 0)
|
|
157
|
-
background-image: linear-gradient(top, #cccccc 0%, #eeeeee 60%)
|
|
158
|
-
border-left: 1px solid #aaa
|
|
159
|
-
position: absolute
|
|
160
|
-
right: 0
|
|
161
|
-
top: 0
|
|
162
|
-
display: block
|
|
163
|
-
height: 100%
|
|
164
|
-
width: 18px
|
|
165
|
-
b
|
|
166
|
-
background: image-url('select2.png') no-repeat 0 1px
|
|
167
|
-
display: block
|
|
103
|
+
text-decoration: none
|
|
104
|
+
border: 0
|
|
105
|
+
outline: 0
|
|
106
|
+
&:hover
|
|
107
|
+
background-position: right -11px
|
|
108
|
+
cursor: pointer
|
|
109
|
+
.select2-drop
|
|
110
|
+
background: #fff
|
|
111
|
+
border: 1px solid #aaa
|
|
112
|
+
border-top: 0
|
|
113
|
+
position: absolute
|
|
114
|
+
top: 100%
|
|
115
|
+
-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15)
|
|
116
|
+
-moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15)
|
|
117
|
+
-o-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15)
|
|
118
|
+
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15)
|
|
119
|
+
z-index: 999
|
|
168
120
|
width: 100%
|
|
121
|
+
margin-top: -1px
|
|
122
|
+
-webkit-border-radius: 0 0 4px 4px
|
|
123
|
+
-moz-border-radius: 0 0 4px 4px
|
|
124
|
+
border-radius: 0 0 4px 4px
|
|
125
|
+
.select2-choice div
|
|
126
|
+
-webkit-border-radius: 0 4px 4px 0
|
|
127
|
+
-moz-border-radius: 0 4px 4px 0
|
|
128
|
+
border-radius: 0 4px 4px 0
|
|
129
|
+
-moz-background-clip: padding
|
|
130
|
+
-webkit-background-clip: padding-box
|
|
131
|
+
background-clip: padding-box
|
|
132
|
+
background: #ccc
|
|
133
|
+
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #cccccc), color-stop(0.6, #eeeeee))
|
|
134
|
+
background-image: -webkit-linear-gradient(center bottom, #cccccc 0%, #eeeeee 60%)
|
|
135
|
+
background-image: -moz-linear-gradient(center bottom, #cccccc 0%, #eeeeee 60%)
|
|
136
|
+
background-image: -o-linear-gradient(bottom, #cccccc 0%, #eeeeee 60%)
|
|
137
|
+
background-image: -ms-linear-gradient(top, #cccccc 0%, #eeeeee 60%)
|
|
138
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#cccccc', endColorstr = '#eeeeee', GradientType = 0)
|
|
139
|
+
background-image: linear-gradient(top, #cccccc 0%, #eeeeee 60%)
|
|
140
|
+
border-left: 1px solid #aaa
|
|
141
|
+
position: absolute
|
|
142
|
+
right: 0
|
|
143
|
+
top: 0
|
|
144
|
+
display: block
|
|
169
145
|
height: 100%
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
146
|
+
width: 18px
|
|
147
|
+
b
|
|
148
|
+
background: image-url('select2.png') no-repeat 0 1px
|
|
149
|
+
display: block
|
|
150
|
+
width: 100%
|
|
151
|
+
height: 100%
|
|
152
|
+
.select2-search
|
|
153
|
+
display: inline-block
|
|
154
|
+
white-space: nowrap
|
|
155
|
+
z-index: 1010
|
|
156
|
+
min-height: 26px
|
|
157
|
+
width: 100%
|
|
158
|
+
margin: 0
|
|
159
|
+
padding-left: 4px
|
|
160
|
+
padding-right: 4px
|
|
161
|
+
.select2-search-hidden
|
|
162
|
+
display: block
|
|
163
|
+
position: absolute
|
|
164
|
+
left: -10000px
|
|
165
|
+
.select2-search input
|
|
166
|
+
background: white image-url('select2.png') no-repeat 100% -22px
|
|
167
|
+
background: image-url('select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee))
|
|
168
|
+
background: image-url('select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%)
|
|
169
|
+
background: image-url('select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%)
|
|
170
|
+
background: image-url('select2.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%)
|
|
171
|
+
background: image-url('select2.png') no-repeat 100% -22px, -ms-linear-gradient(top, white 85%, #eeeeee 99%)
|
|
172
|
+
background: image-url('select2.png') no-repeat 100% -22px, linear-gradient(top, white 85%, #eeeeee 99%)
|
|
173
|
+
padding: 4px 20px 4px 5px
|
|
174
|
+
outline: 0
|
|
175
|
+
border: 1px solid #aaa
|
|
176
|
+
font-family: sans-serif
|
|
177
|
+
font-size: 1em
|
|
178
|
+
width: 100%
|
|
179
|
+
margin: 0
|
|
180
|
+
height: auto !important
|
|
181
|
+
min-height: 26px
|
|
182
|
+
-webkit-box-shadow: none
|
|
183
|
+
-moz-box-shadow: none
|
|
184
|
+
box-shadow: none
|
|
185
|
+
border-radius: 0
|
|
186
|
+
-moz-border-radius: 0
|
|
187
|
+
-webkit-border-radius: 0
|
|
188
|
+
&.select2-active
|
|
189
|
+
background: white image-url('spinner.gif') no-repeat 100%
|
|
190
|
+
background: image-url('spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee))
|
|
191
|
+
background: image-url('spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%)
|
|
192
|
+
background: image-url('spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%)
|
|
193
|
+
background: image-url('spinner.gif') no-repeat 100%, -o-linear-gradient(bottom, white 85%, #eeeeee 99%)
|
|
194
|
+
background: image-url('spinner.gif') no-repeat 100%, -ms-linear-gradient(top, white 85%, #eeeeee 99%)
|
|
195
|
+
background: image-url('spinner.gif') no-repeat 100%, linear-gradient(top, white 85%, #eeeeee 99%)
|
|
217
196
|
|
|
218
197
|
.select2-container-active
|
|
219
198
|
.select2-choice, .select2-choices
|
|
@@ -253,43 +232,20 @@
|
|
|
253
232
|
|
|
254
233
|
/* results
|
|
255
234
|
|
|
256
|
-
.select2-results
|
|
235
|
+
.select2-container .select2-results
|
|
257
236
|
margin: 4px 4px 4px 0
|
|
258
237
|
padding: 0 0 0 4px
|
|
259
238
|
position: relative
|
|
260
239
|
overflow-x: hidden
|
|
261
240
|
overflow-y: auto
|
|
262
241
|
max-height: 200px
|
|
263
|
-
ul.select2-result-sub
|
|
264
|
-
margin: 0 0 0 0
|
|
265
|
-
> .select2-result-label
|
|
266
|
-
padding-left: 20px
|
|
267
|
-
ul.select2-result-sub
|
|
268
|
-
> .select2-result-label
|
|
269
|
-
padding-left: 40px
|
|
270
|
-
ul.select2-result-sub
|
|
271
|
-
> .select2-result-label
|
|
272
|
-
padding-left: 60px
|
|
273
|
-
ul.select2-result-sub
|
|
274
|
-
> .select2-result-label
|
|
275
|
-
padding-left: 80px
|
|
276
|
-
ul.select2-result-sub
|
|
277
|
-
> .select2-result-label
|
|
278
|
-
padding-left: 100px
|
|
279
|
-
ul.select2-result-sub
|
|
280
|
-
> .select2-result-label
|
|
281
|
-
padding-left: 110px
|
|
282
|
-
ul.select2-result-sub .select2-result-label
|
|
283
|
-
padding-left: 120px
|
|
284
242
|
li
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
&.select2-result-with-children .select2-result-label
|
|
288
|
-
font-weight: bold
|
|
289
|
-
.select2-result-label
|
|
290
|
-
padding: 3px 7px 4px
|
|
243
|
+
line-height: 80%
|
|
244
|
+
padding: 7px 7px 8px
|
|
291
245
|
margin: 0
|
|
246
|
+
list-style: none
|
|
292
247
|
cursor: pointer
|
|
248
|
+
display: list-item
|
|
293
249
|
.select2-highlighted
|
|
294
250
|
background: #3875d7
|
|
295
251
|
color: #fff
|
|
@@ -306,13 +262,13 @@
|
|
|
306
262
|
|
|
307
263
|
/*
|
|
308
264
|
*disabled look for already selected choices in the results dropdown
|
|
309
|
-
*.select2-results .select2-disabled.select2-highlighted {
|
|
265
|
+
*.select2-container .select2-results .select2-disabled.select2-highlighted {
|
|
310
266
|
* color: #666;
|
|
311
267
|
* background: #f4f4f4;
|
|
312
268
|
* display: list-item;
|
|
313
269
|
* cursor: default;
|
|
314
270
|
*}
|
|
315
|
-
*.select2-results .select2-disabled {
|
|
271
|
+
*.select2-container .select2-results .select2-disabled {
|
|
316
272
|
* background: #f4f4f4;
|
|
317
273
|
* display: list-item;
|
|
318
274
|
* cursor: default;
|
|
@@ -355,6 +311,9 @@
|
|
|
355
311
|
height: auto !important
|
|
356
312
|
height: 1%
|
|
357
313
|
position: relative
|
|
314
|
+
.select2-drop
|
|
315
|
+
margin-top: 0
|
|
316
|
+
.select2-choices
|
|
358
317
|
min-height: 26px
|
|
359
318
|
&.select2-container-active .select2-choices
|
|
360
319
|
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)
|
|
@@ -385,8 +344,6 @@
|
|
|
385
344
|
-moz-box-shadow: none
|
|
386
345
|
-o-box-shadow: none
|
|
387
346
|
box-shadow: none
|
|
388
|
-
&.select2-active
|
|
389
|
-
background: white image-url('spinner.gif') no-repeat 100% !important
|
|
390
347
|
|
|
391
348
|
.select2-default
|
|
392
349
|
color: #999 !important
|
|
@@ -439,6 +396,9 @@
|
|
|
439
396
|
.select2-choices
|
|
440
397
|
.select2-search-choice .select2-search-choice-close:hover, .select2-search-choice-focus .select2-search-choice-close
|
|
441
398
|
background-position: right -11px
|
|
399
|
+
.select2-results
|
|
400
|
+
margin: -1px 0 0
|
|
401
|
+
padding: 0
|
|
442
402
|
&.select2-container-disabled .select2-choices
|
|
443
403
|
background-color: #f4f4f4
|
|
444
404
|
background-image: none
|
|
@@ -455,16 +415,3 @@
|
|
|
455
415
|
/* disabled styles
|
|
456
416
|
|
|
457
417
|
/* end multiselect
|
|
458
|
-
|
|
459
|
-
.select2-result-selectable .select2-match
|
|
460
|
-
text-decoration: underline
|
|
461
|
-
|
|
462
|
-
.select2-result-unselectable
|
|
463
|
-
.select2-result-selectable .select2-match
|
|
464
|
-
text-decoration: underline
|
|
465
|
-
.select2-match
|
|
466
|
-
text-decoration: none
|
|
467
|
-
|
|
468
|
-
.select2-offscreen
|
|
469
|
-
position: absolute
|
|
470
|
-
left: -1000px
|