select2-rails 3.5.9.2 → 3.5.9.3

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 23ee717502bbddfa524d6e1b8feb4eeab1bbb0bd
4
- data.tar.gz: 1a8505a2592ac011b76175df0cf68d8b42d01bf6
3
+ metadata.gz: 45a51cd138f4061db35c67941d59577cfb2effb9
4
+ data.tar.gz: ba4b06edc8fb49619bba17800a430ee517e62588
5
5
  SHA512:
6
- metadata.gz: e05909cd51a2b6d7ff33cf65bf9ff2f0c29a751714668a81f4bb5ee10e112114ff8511ff51e12e14cb0dac1bb5f33306cd58323fd23961f7df618c2beac5185a
7
- data.tar.gz: 4370bbc8434351cc3f5ed11eb8ede012f980c20f2dfab44dd5a1ce578406f6869aa2f9c1261782db8d504c2f78b825417c995b3979e8e6370b387b77cc37fd1b
6
+ metadata.gz: 7c892de7958c6703d5716030adb47d50bc2450e16c518a52f7efe44167a423e73a9c54de19309fa4fb047525cc34b2c5bddd136ae72b4128bbabde86bcd60eda
7
+ data.tar.gz: 0f2355b3cb2a448270672954627009ae37cbab80bbd128b36f40820321d3f0e0f963f02e29a2e96992068a3a077dff44a10d356eb80f7f90728ffa25e813b399
@@ -1,5 +1,5 @@
1
1
  module Select2
2
2
  module Rails
3
- VERSION = "3.5.9.2"
3
+ VERSION = "3.5.9.3"
4
4
  end
5
5
  end
@@ -1,87 +1,497 @@
1
- .form-control .select2-choice {
2
- border: 0;
3
- border-radius: 2px;
1
+ /**
2
+ * Select2 Bootstrap 3 CSS v1.4.1
3
+ * Tested with Bootstrap v3.2.0 and Select2 v3.3.2, v3.4.1-v3.4.5, v3.5.1, master
4
+ * in latest Chrome, Safari, Firefox, Opera (Mac) and IE8-IE11
5
+ * MIT License
6
+ */
7
+ /**
8
+ * Reset Bootstrap 3 .form-control styles which - if applied to the
9
+ * original <select>-element the Select2-plugin may be run against -
10
+ * are copied to the .select2-container.
11
+ *
12
+ * 1. Overwrite .select2-container's original display:inline-block
13
+ * with Bootstrap 3's default for .form-control, display:block;
14
+ * courtesy of @juristr (@see https://github.com/fk/select2-bootstrap-css/pull/1)
15
+ */
16
+ .select2-container.form-control {
17
+ background: transparent;
18
+ border: none;
19
+ display: block;
20
+ /* 1 */
21
+ margin: 0;
22
+ padding: 0;
4
23
  }
5
24
 
6
- .form-control .select2-choice .select2-arrow {
7
- border-radius: 0 2px 2px 0;
25
+ /**
26
+ * Adjust Select2 inputs to fit Bootstrap 3 default .form-control appearance.
27
+ */
28
+ .select2-container .select2-choices .select2-search-field input,
29
+ .select2-container .select2-choice,
30
+ .select2-container .select2-choices {
31
+ background: none;
32
+ padding: 0;
33
+ border-color: #cccccc;
34
+ border-radius: 4px;
35
+ color: #555555;
36
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
37
+ background-color: white;
38
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
39
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
40
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
8
41
  }
9
42
 
10
- .form-control.select2-container {
11
- height: auto !important;
12
- padding: 0;
43
+ .select2-search input {
44
+ border-color: #cccccc;
45
+ border-radius: 4px;
46
+ color: #555555;
47
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
48
+ background-color: white;
49
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
50
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
51
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
13
52
  }
14
53
 
15
- .form-control.select2-container.select2-dropdown-open {
16
- border-color: #5897FB;
17
- border-radius: 3px 3px 0 0;
54
+ .select2-container .select2-choices .select2-search-field input {
55
+ -webkit-box-shadow: none;
56
+ box-shadow: none;
18
57
  }
19
58
 
20
- .form-control .select2-container.select2-dropdown-open .select2-choices {
21
- border-radius: 3px 3px 0 0;
59
+ /**
60
+ * Adjust Select2 input heights to match the Bootstrap default.
61
+ */
62
+ .select2-container .select2-choice {
63
+ height: 34px;
64
+ line-height: 1.42857;
22
65
  }
23
66
 
24
- .form-control.select2-container .select2-choices {
25
- border: 0 !important;
26
- border-radius: 3px;
67
+ /**
68
+ * Address Multi Select2's height which - depending on how many elements have been selected -
69
+ * may grown higher than their initial size.
70
+ */
71
+ .select2-container.select2-container-multi.form-control {
72
+ height: auto;
27
73
  }
28
74
 
29
- .control-group.warning .select2-container .select2-choice,
30
- .control-group.warning .select2-container .select2-choices,
31
- .control-group.warning .select2-container-active .select2-choice,
32
- .control-group.warning .select2-container-active .select2-choices,
33
- .control-group.warning .select2-dropdown-open.select2-drop-above .select2-choice,
34
- .control-group.warning .select2-dropdown-open.select2-drop-above .select2-choices,
35
- .control-group.warning .select2-container-multi.select2-container-active .select2-choices {
36
- border: 1px solid #C09853 !important;
75
+ /**
76
+ * Address Bootstrap 3 control sizing classes
77
+ * @see http://getbootstrap.com/css/#forms-control-sizes
78
+ */
79
+ .select2-container.input-sm .select2-choice,
80
+ .input-group-sm .select2-container .select2-choice {
81
+ height: 30px;
82
+ line-height: 1.5;
83
+ border-radius: 3px;
37
84
  }
38
85
 
39
- .control-group.warning .select2-container .select2-choice div {
40
- border-left: 1px solid #C09853 !important;
41
- background: #FCF8E3 !important;
86
+ .select2-container.input-lg .select2-choice,
87
+ .input-group-lg .select2-container .select2-choice {
88
+ height: 46px;
89
+ line-height: 1.33;
90
+ border-radius: 6px;
42
91
  }
43
92
 
44
- .control-group.error .select2-container .select2-choice,
45
- .control-group.error .select2-container .select2-choices,
46
- .control-group.error .select2-container-active .select2-choice,
47
- .control-group.error .select2-container-active .select2-choices,
48
- .control-group.error .select2-dropdown-open.select2-drop-above .select2-choice,
49
- .control-group.error .select2-dropdown-open.select2-drop-above .select2-choices,
50
- .control-group.error .select2-container-multi.select2-container-active .select2-choices {
51
- border: 1px solid #B94A48 !important;
93
+ .select2-container-multi .select2-choices .select2-search-field input {
94
+ height: 32px;
52
95
  }
53
96
 
54
- .control-group.error .select2-container .select2-choice div {
55
- border-left: 1px solid #B94A48 !important;
56
- background: #F2DEDE !important;
97
+ .select2-container-multi.input-sm .select2-choices .select2-search-field input,
98
+ .input-group-sm .select2-container-multi .select2-choices .select2-search-field input {
99
+ height: 28px;
57
100
  }
58
101
 
59
- .control-group.info .select2-container .select2-choice,
60
- .control-group.info .select2-container .select2-choices,
61
- .control-group.info .select2-container-active .select2-choice,
62
- .control-group.info .select2-container-active .select2-choices,
63
- .control-group.info .select2-dropdown-open.select2-drop-above .select2-choice,
64
- .control-group.info .select2-dropdown-open.select2-drop-above .select2-choices,
65
- .control-group.info .select2-container-multi.select2-container-active .select2-choices {
66
- border: 1px solid #3A87AD !important;
102
+ .select2-container-multi.input-lg .select2-choices .select2-search-field input,
103
+ .input-group-lg .select2-container-multi .select2-choices .select2-search-field input {
104
+ height: 44px;
67
105
  }
68
106
 
69
- .control-group.info .select2-container .select2-choice div {
70
- border-left: 1px solid #3A87AD !important;
71
- background: #D9EDF7 !important;
107
+ /**
108
+ * Adjust height and line-height for .select2-search-field amd multi-select Select2 widgets.
109
+ *
110
+ * 1. Class repetition to address missing .select2-chosen in Select2 < 3.3.2.
111
+ */
112
+ .select2-container-multi .select2-choices .select2-search-field input {
113
+ margin: 0;
72
114
  }
73
115
 
74
- .control-group.success .select2-container .select2-choice,
75
- .control-group.success .select2-container .select2-choices,
76
- .control-group.success .select2-container-active .select2-choice,
77
- .control-group.success .select2-container-active .select2-choices,
78
- .control-group.success .select2-dropdown-open.select2-drop-above .select2-choice,
79
- .control-group.success .select2-dropdown-open.select2-drop-above .select2-choices,
80
- .control-group.success .select2-container-multi.select2-container-active .select2-choices {
81
- border: 1px solid #468847 !important;
116
+ .select2-chosen,
117
+ .select2-choice > span:first-child,
118
+ .select2-container .select2-choices .select2-search-field input {
119
+ padding: 6px 12px;
82
120
  }
83
121
 
84
- .control-group.success .select2-container .select2-choice div {
85
- border-left: 1px solid #468847 !important;
86
- background: #DFF0D8 !important;
122
+ .input-sm .select2-chosen,
123
+ .input-group-sm .select2-chosen,
124
+ .input-sm .select2-choice > span:first-child,
125
+ .input-group-sm .select2-choice > span:first-child,
126
+ .input-sm .select2-choices .select2-search-field input,
127
+ .input-group-sm .select2-choices .select2-search-field input {
128
+ padding: 5px 10px;
129
+ }
130
+
131
+ .input-lg .select2-chosen,
132
+ .input-group-lg .select2-chosen,
133
+ .input-lg .select2-choice > span:first-child,
134
+ .input-group-lg .select2-choice > span:first-child,
135
+ .input-lg .select2-choices .select2-search-field input,
136
+ .input-group-lg .select2-choices .select2-search-field input {
137
+ padding: 10px 16px;
138
+ }
139
+
140
+ .select2-container-multi .select2-choices .select2-search-choice {
141
+ margin-top: 5px;
142
+ margin-bottom: 3px;
143
+ }
144
+
145
+ .select2-container-multi.input-sm .select2-choices .select2-search-choice,
146
+ .input-group-sm .select2-container-multi .select2-choices .select2-search-choice {
147
+ margin-top: 3px;
148
+ margin-bottom: 2px;
149
+ }
150
+
151
+ .select2-container-multi.input-lg .select2-choices .select2-search-choice,
152
+ .input-group-lg .select2-container-multi .select2-choices .select2-search-choice {
153
+ line-height: 24px;
154
+ }
155
+
156
+ /**
157
+ * Adjust the single Select2's dropdown arrow button appearance.
158
+ *
159
+ * 1. For Select2 v.3.3.2.
160
+ */
161
+ .select2-container .select2-choice .select2-arrow,
162
+ .select2-container .select2-choice div {
163
+ border-left: 1px solid #cccccc;
164
+ background: none;
165
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
166
+ }
167
+
168
+ .select2-dropdown-open .select2-choice .select2-arrow,
169
+ .select2-dropdown-open .select2-choice div {
170
+ border-left-color: transparent;
171
+ background: none;
172
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
173
+ }
174
+
175
+ /**
176
+ * Adjust the dropdown arrow button icon position for the single-select Select2 elements
177
+ * to make it line up vertically now that we increased the height of .select2-container.
178
+ *
179
+ * 1. Class repetition to address missing .select2-chosen in Select2 v.3.3.2.
180
+ */
181
+ .select2-container .select2-choice .select2-arrow b,
182
+ .select2-container .select2-choice div b {
183
+ background-position: 0 3px;
184
+ }
185
+
186
+ .select2-dropdown-open .select2-choice .select2-arrow b,
187
+ .select2-dropdown-open .select2-choice div b {
188
+ background-position: -18px 3px;
189
+ }
190
+
191
+ .select2-container.input-sm .select2-choice .select2-arrow b,
192
+ .input-group-sm .select2-container .select2-choice .select2-arrow b,
193
+ .select2-container.input-sm .select2-choice div b,
194
+ .input-group-sm .select2-container .select2-choice div b {
195
+ background-position: 0 1px;
196
+ }
197
+
198
+ .select2-dropdown-open.input-sm .select2-choice .select2-arrow b,
199
+ .input-group-sm .select2-dropdown-open .select2-choice .select2-arrow b,
200
+ .select2-dropdown-open.input-sm .select2-choice div b,
201
+ .input-group-sm .select2-dropdown-open .select2-choice div b {
202
+ background-position: -18px 1px;
203
+ }
204
+
205
+ .select2-container.input-lg .select2-choice .select2-arrow b,
206
+ .input-group-lg .select2-container .select2-choice .select2-arrow b,
207
+ .select2-container.input-lg .select2-choice div b,
208
+ .input-group-lg .select2-container .select2-choice div b {
209
+ background-position: 0 9px;
210
+ }
211
+
212
+ .select2-dropdown-open.input-lg .select2-choice .select2-arrow b,
213
+ .input-group-lg .select2-dropdown-open .select2-choice .select2-arrow b,
214
+ .select2-dropdown-open.input-lg .select2-choice div b,
215
+ .input-group-lg .select2-dropdown-open .select2-choice div b {
216
+ background-position: -18px 9px;
217
+ }
218
+
219
+ /**
220
+ * Address Bootstrap's validation states and change Select2's border colors and focus states.
221
+ * Apply .has-warning, .has-danger or .has-succes to #select2-drop to match Bootstraps' colors.
222
+ */
223
+ .has-warning .select2-choice,
224
+ .has-warning .select2-choices {
225
+ border-color: #8a6d3b;
226
+ }
227
+ .has-warning .select2-container-active .select2-choice,
228
+ .has-warning .select2-container-multi.select2-container-active .select2-choices {
229
+ border-color: #66512c;
230
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
231
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
232
+ }
233
+ .has-warning.select2-drop-active {
234
+ border-color: #66512c;
235
+ }
236
+ .has-warning.select2-drop-active.select2-drop.select2-drop-above {
237
+ border-top-color: #66512c;
238
+ }
239
+
240
+ .has-error .select2-choice,
241
+ .has-error .select2-choices {
242
+ border-color: #a94442;
243
+ }
244
+ .has-error .select2-container-active .select2-choice,
245
+ .has-error .select2-container-multi.select2-container-active .select2-choices {
246
+ border-color: #843534;
247
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
248
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
249
+ }
250
+ .has-error.select2-drop-active {
251
+ border-color: #843534;
252
+ }
253
+ .has-error.select2-drop-active.select2-drop.select2-drop-above {
254
+ border-top-color: #843534;
255
+ }
256
+
257
+ .has-success .select2-choice,
258
+ .has-success .select2-choices {
259
+ border-color: #3c763d;
260
+ }
261
+ .has-success .select2-container-active .select2-choice,
262
+ .has-success .select2-container-multi.select2-container-active .select2-choices {
263
+ border-color: #2b542c;
264
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
265
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
266
+ }
267
+ .has-success.select2-drop-active {
268
+ border-color: #2b542c;
269
+ }
270
+ .has-success.select2-drop-active.select2-drop.select2-drop-above {
271
+ border-top-color: #2b542c;
272
+ }
273
+
274
+ /**
275
+ * Make Select2's active-styles - applied to .select2-container when the widget receives focus -
276
+ * fit Bootstrap 3's .form-element:focus appearance.
277
+ */
278
+ .select2-container-active .select2-choice,
279
+ .select2-container-multi.select2-container-active .select2-choices {
280
+ border-color: #66afe9;
281
+ outline: none;
282
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
283
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
284
+ -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
285
+ -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
286
+ transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
287
+ }
288
+
289
+ .select2-drop-active {
290
+ border-color: #66afe9;
291
+ }
292
+
293
+ .select2-drop-auto-width,
294
+ .select2-drop.select2-drop-above.select2-drop-active {
295
+ border-top-color: #66afe9;
296
+ }
297
+
298
+ /**
299
+ * Select2 widgets in Bootstrap Input Groups
300
+ *
301
+ * When Select2 widgets are combined with other elements using Bootstrap 3's
302
+ * "Input Group" component, we don't want specific edges of the Select2 container
303
+ * to have a border-radius.
304
+ *
305
+ * In Bootstrap 2, input groups required a markup where these style adjustments
306
+ * could be bound to a CSS-class identifying if the additional elements are appended,
307
+ * prepended or both.
308
+ *
309
+ * Bootstrap 3 doesn't rely on these classes anymore, so we have to use our own.
310
+ * Use .select2-bootstrap-prepend and .select2-bootstrap-append on a Bootstrap 3 .input-group
311
+ * to let the contained Select2 widget know which edges should not be rounded as they are
312
+ * directly followed by another element.
313
+ *
314
+ * @see http://getbootstrap.com/components/#input-groups
315
+ */
316
+ .input-group.select2-bootstrap-prepend [class^="select2-choice"] {
317
+ border-bottom-left-radius: 0 !important;
318
+ border-top-left-radius: 0 !important;
319
+ }
320
+
321
+ .input-group.select2-bootstrap-append [class^="select2-choice"] {
322
+ border-bottom-right-radius: 0 !important;
323
+ border-top-right-radius: 0 !important;
324
+ }
325
+
326
+ .select2-dropdown-open [class^="select2-choice"] {
327
+ border-bottom-right-radius: 0 !important;
328
+ border-bottom-left-radius: 0 !important;
329
+ }
330
+
331
+ .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
332
+ border-top-right-radius: 0 !important;
333
+ border-top-left-radius: 0 !important;
334
+ border-bottom-right-radius: 4px !important;
335
+ border-bottom-left-radius: 4px !important;
336
+ }
337
+ .input-group.select2-bootstrap-prepend .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
338
+ border-bottom-left-radius: 0 !important;
339
+ border-top-left-radius: 0 !important;
340
+ }
341
+ .input-group.select2-bootstrap-append .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
342
+ border-bottom-right-radius: 0 !important;
343
+ border-top-right-radius: 0 !important;
344
+ }
345
+ .input-group.input-group-sm.select2-bootstrap-prepend .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
346
+ border-bottom-right-radius: 3px !important;
347
+ }
348
+ .input-group.input-group-lg.select2-bootstrap-prepend .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
349
+ border-bottom-right-radius: 6px !important;
350
+ }
351
+ .input-group.input-group-sm.select2-bootstrap-append .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
352
+ border-bottom-left-radius: 3px !important;
353
+ }
354
+ .input-group.input-group-lg.select2-bootstrap-append .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
355
+ border-bottom-left-radius: 6px !important;
356
+ }
357
+
358
+ /**
359
+ * Adjust Select2's choices hover and selected styles to match Bootstrap 3's default dropdown styles.
360
+ */
361
+ .select2-results .select2-highlighted {
362
+ color: white;
363
+ background-color: #428bca;
364
+ }
365
+
366
+ /**
367
+ * Adjust alignment of Bootstrap 3 buttons in Bootstrap 3 Input Groups to address
368
+ * Multi Select2's height which - depending on how many elements have been selected -
369
+ * may grown higher than their initial size.
370
+ */
371
+ .select2-bootstrap-append .select2-container-multiple,
372
+ .select2-bootstrap-append .input-group-btn,
373
+ .select2-bootstrap-append .input-group-btn .btn,
374
+ .select2-bootstrap-prepend .select2-container-multiple,
375
+ .select2-bootstrap-prepend .input-group-btn,
376
+ .select2-bootstrap-prepend .input-group-btn .btn {
377
+ vertical-align: top;
378
+ }
379
+
380
+ /**
381
+ * Make Multi Select2's choices match Bootstrap 3's default button styles.
382
+ */
383
+ .select2-container-multi .select2-choices .select2-search-choice {
384
+ color: #555555;
385
+ background: white;
386
+ border-color: #cccccc;
387
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
388
+ -webkit-box-shadow: none;
389
+ box-shadow: none;
390
+ }
391
+
392
+ .select2-container-multi .select2-choices .select2-search-choice-focus {
393
+ background: #ebebeb;
394
+ border-color: #adadad;
395
+ color: #333333;
396
+ -webkit-box-shadow: none;
397
+ box-shadow: none;
398
+ }
399
+
400
+ /**
401
+ * Address Multi Select2's choice close-button vertical alignment.
402
+ */
403
+ .select2-search-choice-close {
404
+ margin-top: -7px;
405
+ top: 50%;
406
+ }
407
+
408
+ /**
409
+ * Adjust the single Select2's clear button position (used to reset the select box
410
+ * back to the placeholder value and visible once a selection is made
411
+ * activated by Select2's "allowClear" option).
412
+ */
413
+ .select2-container .select2-choice abbr {
414
+ top: 50%;
415
+ }
416
+
417
+ /**
418
+ * Adjust "no results" and "selection limit" messages to make use
419
+ * of Bootstrap 3's default "Alert" style.
420
+ *
421
+ * @see http://getbootstrap.com/components/#alerts-default
422
+ */
423
+ .select2-results .select2-no-results,
424
+ .select2-results .select2-searching,
425
+ .select2-results .select2-selection-limit {
426
+ background-color: #fcf8e3;
427
+ color: #8a6d3b;
428
+ }
429
+
430
+ /**
431
+ * Address disabled Select2 styles.
432
+ *
433
+ * 1. For Select2 v.3.3.2.
434
+ * 2. Revert border-left:0 inherited from Select2's CSS to prevent the arrow
435
+ * from jumping when switching from disabled to enabled state and vice versa.
436
+ */
437
+ .select2-container.select2-container-disabled .select2-choice,
438
+ .select2-container.select2-container-disabled .select2-choices {
439
+ cursor: not-allowed;
440
+ background-color: #eeeeee;
441
+ border-color: #cccccc;
442
+ }
443
+ .select2-container.select2-container-disabled .select2-choice .select2-arrow,
444
+ .select2-container.select2-container-disabled .select2-choice div,
445
+ .select2-container.select2-container-disabled .select2-choices .select2-arrow,
446
+ .select2-container.select2-container-disabled .select2-choices div {
447
+ background-color: transparent;
448
+ border-left: 1px solid transparent;
449
+ /* 2 */
450
+ }
451
+
452
+ /**
453
+ * Address Select2's loading indicator position - which should not stick
454
+ * to the right edge of Select2's search input.
455
+ *
456
+ * 1. in .select2-search input
457
+ * 2. in Multi Select2's .select2-search-field input
458
+ * 3. in the status-message of infinite-scroll with remote data (@see http://ivaynberg.github.io/select2/#infinite)
459
+ *
460
+ * These styles alter Select2's default background-position of 100%
461
+ * and supply the new background-position syntax to browsers which support it:
462
+ *
463
+ * 1. Android, Safari < 6/Mobile, IE<9: change to a relative background-position of 99%
464
+ * 2. Chrome 25+, Firefox 13+, IE 9+, Opera 10.5+: use the new CSS3-background-position syntax
465
+ *
466
+ * @see http://www.w3.org/TR/css3-background/#background-position
467
+ *
468
+ * @todo Since both Select2 and Bootstrap 3 only support IE8 and above,
469
+ * we could use the :after-pseudo-element to display the loading indicator.
470
+ * Alternatively, we could supply an altered loading indicator image which already
471
+ * contains an offset to the right.
472
+ */
473
+ .select2-search input.select2-active,
474
+ .select2-container-multi .select2-choices .select2-search-field input.select2-active,
475
+ .select2-more-results.select2-active {
476
+ background-position: 99%;
477
+ /* 4 */
478
+ background-position: right 4px center;
479
+ /* 5 */
480
+ }
481
+
482
+ /**
483
+ * To support Select2 pre v3.4.2 in combination with Bootstrap v3.2.0,
484
+ * ensure that .select2-offscreen width, height and position can not be overwritten.
485
+ *
486
+ * This adresses changes in Bootstrap somewhere after the initial v3.0.0 which -
487
+ * in combination with Select2's pre-v3.4.2 CSS missing the "!important" after
488
+ * the following rules - allow Bootstrap to overwrite the latter, which results in
489
+ * the original <select> element Select2 is replacing not be properly being hidden
490
+ * when used in a "Bootstrap Input Group with Addon".
491
+ **/
492
+ .select2-offscreen,
493
+ .select2-offscreen:focus {
494
+ width: 1px !important;
495
+ height: 1px !important;
496
+ position: absolute !important;
87
497
  }
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: select2-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 3.5.9.2
4
+ version: 3.5.9.3
5
5
  platform: ruby
6
6
  authors:
7
7
  - Rogerio Medeiros
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2015-01-20 00:00:00.000000000 Z
12
+ date: 2015-02-12 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: thor
@@ -158,7 +158,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
158
158
  version: '0'
159
159
  requirements: []
160
160
  rubyforge_project:
161
- rubygems_version: 2.2.2
161
+ rubygems_version: 2.4.5
162
162
  signing_key:
163
163
  specification_version: 4
164
164
  summary: Integrate Select2 javascript library with Rails asset pipeline