binco 3.1.5 → 3.1.6

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.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 57005035ab05a550ae672e58e4d894932ec71217
4
- data.tar.gz: c9364159ccba53edf6e81278dfdd30f99b0b0905
3
+ metadata.gz: 3294a68555d903cc6999164365c9b092a8134c71
4
+ data.tar.gz: 4edaa066bc840264790e571228c7be7167d00840
5
5
  SHA512:
6
- metadata.gz: d56b2e79a95b1e0ed09a4d6c54b5f1ad4a61e8230d04c803d062a4fef495ebc9238a480698068a85592be95748c0c8dca0084ab676fea6f853b1b843c6734bd0
7
- data.tar.gz: 36800a3cf15487e1fb9f3d0471790f1c6fb21a5313d754a538306a9c856c6afab870e11b7fa17943b1ac738f366f424fa73e45b80974bd89136f38073e49934c
6
+ metadata.gz: 0c818ba52dbc05ffff3ce24665dedc840de404edbfbd05b7ebf4d013ac9bbf604d35e0453e2861dc476680ecd0bc3d9c5d3cf67886f167bcf7bc791dd7e11453
7
+ data.tar.gz: 9f3236c74c3d3015729ac600358958fdf04231d92a7bdc909622989cf313599e0ea52c4e117e8a86a31c3f1e4a8c2575d9641d82e85885eee6edb754702a5128
@@ -1,7 +1,9 @@
1
1
  window.Binco.Select2 =
2
2
  load: (selector) ->
3
3
  selector = if typeof selector == 'string' then selector else '.select2-rails'
4
- $(selector).select2()
4
+ $(selector).select2(
5
+ theme: "bootstrap"
6
+ )
5
7
  destroy: (selector) ->
6
8
  selector = if typeof selector == 'string' then selector else '.select2-rails'
7
9
  $(selector).each((i,e) ->
@@ -0,0 +1,814 @@
1
+ /*!
2
+ * Select2 Bootstrap Theme v0.1.0-beta.10 (https://select2.github.io/select2-bootstrap-theme)
3
+ * Copyright 2015-2018 Florian Kissling and contributors (https://github.com/select2/select2-bootstrap-theme/graphs/contributors)
4
+ * Licensed under MIT (https://github.com/select2/select2-bootstrap-theme/blob/master/LICENSE)
5
+ */
6
+
7
+ /**
8
+ * We need a clone of bootstrap color-yiq mixin so we can get the same value for color
9
+ */
10
+ .select2-container--bootstrap {
11
+ display: block;
12
+ /*------------------------------------* #COMMON STYLES
13
+ \*------------------------------------*/
14
+ /**
15
+ * Search field in the Select2 dropdown.
16
+ */
17
+ /**
18
+ * No outline for all search fields - in the dropdown
19
+ * and inline in multi Select2s.
20
+ */
21
+ /**
22
+ * Adjust Select2's choices hover and selected styles to match
23
+ * Bootstrap 4's default dropdown styles.
24
+ *
25
+ * @see https://getbootstrap.com/docs/4.0/components/dropdowns/
26
+ */
27
+ /**
28
+ * Clear the selection.
29
+ */
30
+ /**
31
+ * Address disabled Select2 styles.
32
+ *
33
+ * @see https://select2.github.io/examples.html#disabled
34
+ * @see hhttps://getbootstrap.com/docs/4.0/components/forms/#disabled-forms
35
+ */
36
+ /*------------------------------------* #DROPDOWN
37
+ \*------------------------------------*/
38
+ /**
39
+ * Dropdown border color and box-shadow.
40
+ */
41
+ /**
42
+ * Limit the dropdown height.
43
+ */
44
+ /*------------------------------------* #SINGLE SELECT2
45
+ \*------------------------------------*/
46
+ /*------------------------------------* #MULTIPLE SELECT2
47
+ \*------------------------------------*/
48
+ /**
49
+ * Address Bootstrap control sizing classes
50
+ *
51
+ * 1. Reset Bootstrap defaults.
52
+ * 2. Adjust the dropdown arrow button icon position.
53
+ *
54
+ * @see https://getbootstrap.com/docs/4.0/components/forms/#sizing
55
+ */
56
+ /* 1 */
57
+ /*------------------------------------* #RTL SUPPORT
58
+ \*------------------------------------*/
59
+ }
60
+
61
+ .select2-container--bootstrap .select2-selection {
62
+ border-radius: 0.25rem;
63
+ -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
64
+ transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
65
+ -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
66
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
67
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
68
+ background-color: #fff;
69
+ border: 1px solid #ced4da;
70
+ color: #495057;
71
+ font-size: 1rem;
72
+ outline: 0;
73
+ }
74
+
75
+ .select2-container--bootstrap .select2-selection.form-control {
76
+ border-radius: 0.25rem;
77
+ }
78
+
79
+ .select2-container--bootstrap .select2-search--dropdown .select2-search__field {
80
+ border-radius: 0.25rem;
81
+ -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
82
+ transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
83
+ -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
84
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
85
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
86
+ background-color: #fff;
87
+ border: 1px solid #ced4da;
88
+ color: #495057;
89
+ font-size: 1rem;
90
+ }
91
+
92
+ .select2-container--bootstrap .select2-search__field {
93
+ outline: 0;
94
+ /* Firefox 18- */
95
+ /**
96
+ * Firefox 19+
97
+ *
98
+ * @see http://stackoverflow.com/questions/24236240/color-for-styled-placeholder-text-is-muted-in-firefox
99
+ */
100
+ }
101
+
102
+ .select2-container--bootstrap .select2-search__field::-webkit-input-placeholder {
103
+ color: #6c757d;
104
+ }
105
+
106
+ .select2-container--bootstrap .select2-search__field:-moz-placeholder {
107
+ color: #6c757d;
108
+ }
109
+
110
+ .select2-container--bootstrap .select2-search__field::-moz-placeholder {
111
+ color: #6c757d;
112
+ opacity: 1;
113
+ }
114
+
115
+ .select2-container--bootstrap .select2-search__field:-ms-input-placeholder {
116
+ color: #6c757d;
117
+ }
118
+
119
+ .select2-container--bootstrap .select2-results__option {
120
+ padding: 0.375rem 0.75rem;
121
+ /**
122
+ * Disabled results.
123
+ *
124
+ * @see https://select2.github.io/examples.html#disabled-results
125
+ */
126
+ /**
127
+ * Hover state.
128
+ */
129
+ /**
130
+ * Selected state.
131
+ */
132
+ }
133
+
134
+ .select2-container--bootstrap .select2-results__option[role=group] {
135
+ padding: 0;
136
+ }
137
+
138
+ .select2-container--bootstrap .select2-results__option[aria-disabled=true] {
139
+ color: #6c757d;
140
+ cursor: not-allowed;
141
+ }
142
+
143
+ .select2-container--bootstrap .select2-results__option[aria-selected=true] {
144
+ background-color: #f8f9fa;
145
+ color: #16181b;
146
+ }
147
+
148
+ .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
149
+ background-color: #007bff;
150
+ color: #fff;
151
+ }
152
+
153
+ .select2-container--bootstrap .select2-results__option .select2-results__option {
154
+ padding: 0.375rem 0.75rem;
155
+ }
156
+
157
+ .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group {
158
+ padding-left: 0;
159
+ }
160
+
161
+ .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option {
162
+ margin-left: -0.75rem;
163
+ padding-left: 1.5rem;
164
+ }
165
+
166
+ .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
167
+ margin-left: -1.5rem;
168
+ padding-left: 2.25rem;
169
+ }
170
+
171
+ .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
172
+ margin-left: -2.25rem;
173
+ padding-left: 3rem;
174
+ }
175
+
176
+ .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
177
+ margin-left: -3rem;
178
+ padding-left: 3.75rem;
179
+ }
180
+
181
+ .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
182
+ margin-left: -3.75rem;
183
+ padding-left: 4.5rem;
184
+ }
185
+
186
+ .select2-container--bootstrap .select2-results__group {
187
+ color: #6c757d;
188
+ display: block;
189
+ padding: 0.375rem 0.75rem;
190
+ font-size: 0.875rem;
191
+ line-height: 1.5;
192
+ white-space: nowrap;
193
+ }
194
+
195
+ .select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection {
196
+ border-color: #80bdff;
197
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
198
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
199
+ }
200
+
201
+ .select2-container--bootstrap.select2-container--open {
202
+ /**
203
+ * Make the dropdown arrow point up while the dropdown is visible.
204
+ */
205
+ /**
206
+ * Handle border radii of the container when the dropdown is showing.
207
+ */
208
+ }
209
+
210
+ .select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b {
211
+ border-color: transparent transparent #6c757d transparent;
212
+ border-width: 0 0.25rem 0.25rem 0.25rem;
213
+ }
214
+
215
+ .select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection {
216
+ border-bottom-right-radius: 0;
217
+ border-bottom-left-radius: 0;
218
+ border-bottom-color: transparent;
219
+ -webkit-box-shadow: none;
220
+ box-shadow: none;
221
+ }
222
+
223
+ .select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection {
224
+ border-top-left-radius: 0;
225
+ border-top-right-radius: 0;
226
+ border-top-color: transparent;
227
+ -webkit-box-shadow: none;
228
+ box-shadow: none;
229
+ }
230
+
231
+ .select2-container--bootstrap .select2-selection__clear {
232
+ color: #6c757d;
233
+ cursor: pointer;
234
+ float: right;
235
+ font-weight: bold;
236
+ margin-right: 10px;
237
+ }
238
+
239
+ .select2-container--bootstrap .select2-selection__clear:hover {
240
+ color: "#111";
241
+ }
242
+
243
+ .select2-container--bootstrap.select2-container--disabled .select2-selection {
244
+ border-color: #ced4da;
245
+ }
246
+
247
+ .select2-container--bootstrap.select2-container--disabled .select2-selection,
248
+ .select2-container--bootstrap.select2-container--disabled .select2-search__field {
249
+ cursor: not-allowed;
250
+ }
251
+
252
+ .select2-container--bootstrap.select2-container--disabled .select2-selection,
253
+ .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
254
+ background-color: #e9ecef;
255
+ }
256
+
257
+ .select2-container--bootstrap.select2-container--disabled .select2-selection__clear,
258
+ .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove {
259
+ display: none;
260
+ }
261
+
262
+ .select2-container--bootstrap .select2-dropdown {
263
+ border-color: #80bdff;
264
+ overflow-x: hidden;
265
+ margin-top: -1px;
266
+ }
267
+
268
+ .select2-container--bootstrap .select2-dropdown--above {
269
+ margin-top: 1px;
270
+ }
271
+
272
+ .select2-container--bootstrap .select2-results > .select2-results__options {
273
+ max-height: 200px;
274
+ overflow-y: auto;
275
+ }
276
+
277
+ .select2-container--bootstrap .select2-selection--single {
278
+ height: -webkit-calc(2.25rem + 2px);
279
+ height: calc(2.25rem + 2px);
280
+ line-height: 1.5;
281
+ padding: 0.375rem 1.5rem 0.375rem 0.75rem;
282
+ /**
283
+ * Adjust the single Select2's dropdown arrow button appearance.
284
+ */
285
+ }
286
+
287
+ .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
288
+ position: absolute;
289
+ bottom: 0;
290
+ right: 0.75rem;
291
+ top: 0;
292
+ width: 0.25rem;
293
+ }
294
+
295
+ .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
296
+ border-color: #6c757d transparent transparent transparent;
297
+ border-style: solid;
298
+ border-width: 0.25rem 0.25rem 0 0.25rem;
299
+ height: 0;
300
+ left: 0;
301
+ margin-left: -0.25rem;
302
+ margin-top: -0.125rem;
303
+ position: absolute;
304
+ top: 50%;
305
+ width: 0;
306
+ }
307
+
308
+ .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
309
+ color: #495057;
310
+ padding: 0;
311
+ }
312
+
313
+ .select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
314
+ color: #6c757d;
315
+ }
316
+
317
+ .select2-container--bootstrap .select2-selection--multiple {
318
+ min-height: -webkit-calc(2.25rem + 2px);
319
+ min-height: calc(2.25rem + 2px);
320
+ padding: 0;
321
+ height: auto;
322
+ /**
323
+ * Make Multi Select2's choices match Bootstrap 4's default button styles.
324
+ */
325
+ /**
326
+ * Minus 2px borders.
327
+ */
328
+ /**
329
+ * Clear the selection.
330
+ */
331
+ }
332
+
333
+ .select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
334
+ -webkit-box-sizing: border-box;
335
+ -moz-box-sizing: border-box;
336
+ box-sizing: border-box;
337
+ display: block;
338
+ line-height: 1.5;
339
+ list-style: none;
340
+ margin: 0;
341
+ overflow: hidden;
342
+ padding: 0;
343
+ width: 100%;
344
+ text-overflow: ellipsis;
345
+ white-space: nowrap;
346
+ }
347
+
348
+ .select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder {
349
+ color: #6c757d;
350
+ float: left;
351
+ margin-top: 5px;
352
+ }
353
+
354
+ .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
355
+ color: #495057;
356
+ background: #e9ecef;
357
+ border: 1px solid #6c757d;
358
+ border-radius: 0.25rem;
359
+ cursor: default;
360
+ float: left;
361
+ margin: -webkit-calc(0.375rem - 1px) 0 0 0.375rem;
362
+ margin: calc(0.375rem - 1px) 0 0 0.375rem;
363
+ padding: 0 0.375rem;
364
+ }
365
+
366
+ .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
367
+ background: transparent;
368
+ padding: 0 0.75rem;
369
+ height: -webkit-calc(2.25rem + 2px);
370
+ height: calc(2.25rem + 2px);
371
+ line-height: 1.5;
372
+ margin: -1px 0;
373
+ min-width: 5em;
374
+ }
375
+
376
+ .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
377
+ color: #6c757d;
378
+ cursor: pointer;
379
+ display: inline-block;
380
+ font-weight: bold;
381
+ margin-right: 0.1875rem;
382
+ }
383
+
384
+ .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover {
385
+ color: "#111";
386
+ }
387
+
388
+ .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
389
+ margin-top: 0.375rem;
390
+ }
391
+
392
+ .select2-container--bootstrap .select2-selection--single.form-control-sm,
393
+ .input-group-sm .select2-container--bootstrap .select2-selection--single,
394
+ .form-group-sm .select2-container--bootstrap .select2-selection--single {
395
+ border-radius: 0.2rem;
396
+ font-size: 0.875rem;
397
+ height: -webkit-calc(1.8125rem + 2px);
398
+ height: calc(1.8125rem + 2px);
399
+ line-height: 1.5;
400
+ padding: 0.25rem 1.25rem 0.25rem 0.5rem;
401
+ /* 2 */
402
+ }
403
+
404
+ .select2-container--bootstrap .select2-selection--single.form-control-sm .select2-selection__arrow b,
405
+ .input-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
406
+ .form-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
407
+ margin-left: -0.25rem;
408
+ }
409
+
410
+ .select2-container--bootstrap .select2-selection--multiple.form-control-sm,
411
+ .input-group-sm .select2-container--bootstrap .select2-selection--multiple,
412
+ .form-group-sm .select2-container--bootstrap .select2-selection--multiple {
413
+ border-radius: 0.2rem;
414
+ min-height: -webkit-calc(1.8125rem + 2px);
415
+ min-height: calc(1.8125rem + 2px);
416
+ }
417
+
418
+ .select2-container--bootstrap .select2-selection--multiple.form-control-sm .select2-selection__choice,
419
+ .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,
420
+ .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
421
+ font-size: 0.875rem;
422
+ line-height: 1.5;
423
+ margin: -webkit-calc(0.25rem - 1px) 0 0 0.25rem;
424
+ margin: calc(0.25rem - 1px) 0 0 0.25rem;
425
+ padding: 0 0.25rem;
426
+ }
427
+
428
+ .select2-container--bootstrap .select2-selection--multiple.form-control-sm .select2-search--inline .select2-search__field,
429
+ .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,
430
+ .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
431
+ padding: 0 0.5rem;
432
+ font-size: 0.875rem;
433
+ height: -webkit-calc(1.8125rem + 2px);
434
+ height: calc(1.8125rem + 2px);
435
+ line-height: 1.5;
436
+ }
437
+
438
+ .select2-container--bootstrap .select2-selection--multiple.form-control-sm .select2-selection__clear,
439
+ .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,
440
+ .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
441
+ margin-top: 0.25rem;
442
+ }
443
+
444
+ .select2-container--bootstrap .select2-selection--single.form-control-lg,
445
+ .input-group-lg .select2-container--bootstrap .select2-selection--single,
446
+ .form-group-lg .select2-container--bootstrap .select2-selection--single {
447
+ border-radius: 0.3rem;
448
+ font-size: 1.25rem;
449
+ height: -webkit-calc(2.875rem + 2px);
450
+ height: calc(2.875rem + 2px);
451
+ line-height: 1.5;
452
+ padding: 0.5rem 1.9375rem 0.5rem 1rem;
453
+ /* 1 */
454
+ }
455
+
456
+ .select2-container--bootstrap .select2-selection--single.form-control-lg .select2-selection__arrow,
457
+ .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow,
458
+ .form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
459
+ width: 0.3125rem;
460
+ }
461
+
462
+ .select2-container--bootstrap .select2-selection--single.form-control-lg .select2-selection__arrow b,
463
+ .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
464
+ .form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
465
+ border-width: 0.3125rem 0.3125rem 0 0.3125rem;
466
+ margin-left: -0.3125rem;
467
+ margin-left: -0.5rem;
468
+ margin-top: -0.15625rem;
469
+ }
470
+
471
+ .select2-container--bootstrap .select2-selection--multiple.form-control-lg,
472
+ .input-group-lg .select2-container--bootstrap .select2-selection--multiple,
473
+ .form-group-lg .select2-container--bootstrap .select2-selection--multiple {
474
+ min-height: -webkit-calc(2.875rem + 2px);
475
+ min-height: calc(2.875rem + 2px);
476
+ border-radius: 0.3rem;
477
+ }
478
+
479
+ .select2-container--bootstrap .select2-selection--multiple.form-control-lg .select2-selection__choice,
480
+ .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,
481
+ .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
482
+ font-size: 1.25rem;
483
+ line-height: 1.5;
484
+ border-radius: 0.25rem;
485
+ margin: -webkit-calc(0.5rem - 1px) 0 0 0.5rem;
486
+ margin: calc(0.5rem - 1px) 0 0 0.5rem;
487
+ padding: 0 0.5rem;
488
+ }
489
+
490
+ .select2-container--bootstrap .select2-selection--multiple.form-control-lg .select2-search--inline .select2-search__field,
491
+ .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,
492
+ .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
493
+ padding: 0 1rem;
494
+ font-size: 1.25rem;
495
+ height: -webkit-calc(2.875rem + 2px);
496
+ height: calc(2.875rem + 2px);
497
+ line-height: 1.5;
498
+ }
499
+
500
+ .select2-container--bootstrap .select2-selection--multiple.form-control-lg .select2-selection__clear,
501
+ .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,
502
+ .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
503
+ margin-top: 0.5rem;
504
+ }
505
+
506
+ .select2-container--bootstrap .select2-selection.form-control-lg.select2-container--open .select2-selection--single {
507
+ /**
508
+ * Make the dropdown arrow point up while the dropdown is visible.
509
+ */
510
+ }
511
+
512
+ .select2-container--bootstrap .select2-selection.form-control-lg.select2-container--open .select2-selection--single .select2-selection__arrow b {
513
+ border-color: transparent transparent #6c757d transparent;
514
+ border-width: 0 0.3125rem 0.3125rem 0.3125rem;
515
+ }
516
+
517
+ .input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single {
518
+ /**
519
+ * Make the dropdown arrow point up while the dropdown is visible.
520
+ */
521
+ }
522
+
523
+ .input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single .select2-selection__arrow b {
524
+ border-color: transparent transparent #6c757d transparent;
525
+ border-width: 0 0.3125rem 0.3125rem 0.3125rem;
526
+ }
527
+
528
+ .select2-container--bootstrap[dir="rtl"] {
529
+ /**
530
+ * Single Select2
531
+ *
532
+ * 1. Makes sure that .select2-selection__placeholder is positioned
533
+ * correctly.
534
+ */
535
+ /**
536
+ * Multiple Select2
537
+ */
538
+ }
539
+
540
+ .select2-container--bootstrap[dir="rtl"] .select2-selection--single {
541
+ padding-left: 1.5rem;
542
+ padding-right: 0.75rem;
543
+ }
544
+
545
+ .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__rendered {
546
+ padding-right: 0;
547
+ padding-left: 0;
548
+ text-align: right;
549
+ /* 1 */
550
+ }
551
+
552
+ .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__clear {
553
+ float: left;
554
+ }
555
+
556
+ .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow {
557
+ left: 0.75rem;
558
+ right: auto;
559
+ }
560
+
561
+ .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow b {
562
+ margin-left: 0;
563
+ }
564
+
565
+ .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
566
+ .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
567
+ .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-search--inline {
568
+ float: right;
569
+ }
570
+
571
+ .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
572
+ margin-left: 0;
573
+ margin-right: 0.375rem;
574
+ }
575
+
576
+ .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
577
+ margin-left: 2px;
578
+ margin-right: auto;
579
+ }
580
+
581
+ .select2-container--bootstrap .select2-dropdown[dir="rtl"] .select2-results__options {
582
+ text-align: right;
583
+ }
584
+
585
+ /*------------------------------------* #ADDITIONAL GOODIES
586
+ \*------------------------------------*/
587
+ /**
588
+ * Address Bootstrap's validation states
589
+ *
590
+ * If a Select2 widget parent has one of Bootstrap's validation state modifier
591
+ * classes, adjust Select2's border colors and focus states accordingly.
592
+ * You may apply said classes to the Select2 dropdown (body > .select2-container)
593
+ * via JavaScript match Bootstraps' to make its styles match.
594
+ *
595
+ * @see https://getbootstrap.com/docs/4.0/components/forms/#validation
596
+ */
597
+ .is-valid .select2-dropdown,
598
+ .is-valid .select2-selection {
599
+ border-color: #28a745;
600
+ }
601
+
602
+ .is-valid .select2-container--focus .select2-selection,
603
+ .is-valid .select2-container--open .select2-selection {
604
+ border-color: #1e7e34;
605
+ }
606
+
607
+ .is-valid .select2-container--focus .select2-selection:focus,
608
+ .is-valid .select2-container--open .select2-selection:focus {
609
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
610
+ box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
611
+ }
612
+
613
+ .is-valid.select2-drop-active {
614
+ border-color: #1e7e34;
615
+ }
616
+
617
+ .is-valid.select2-drop-active.select2-drop.select2-drop-above {
618
+ border-top-color: #1e7e34;
619
+ }
620
+
621
+ .is-invalid .select2-dropdown,
622
+ .is-invalid .select2-selection {
623
+ border-color: #dc3545;
624
+ }
625
+
626
+ .is-invalid .select2-container--focus .select2-selection,
627
+ .is-invalid .select2-container--open .select2-selection {
628
+ border-color: #bd2130;
629
+ }
630
+
631
+ .is-invalid .select2-container--focus .select2-selection:focus,
632
+ .is-invalid .select2-container--open .select2-selection:focus {
633
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
634
+ box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
635
+ }
636
+
637
+ .is-invalid.select2-drop-active {
638
+ border-color: #bd2130;
639
+ }
640
+
641
+ .is-invalid.select2-drop-active.select2-drop.select2-drop-above {
642
+ border-top-color: #bd2130;
643
+ }
644
+
645
+ /* Validation classes on parent element. Preserved Bootstrap 3 validation classes */
646
+ .has-warning .select2-dropdown,
647
+ .has-warning .select2-selection {
648
+ border-color: #ffc107;
649
+ }
650
+
651
+ .has-warning .select2-container--focus .select2-selection,
652
+ .has-warning .select2-container--open .select2-selection {
653
+ border-color: #d39e00;
654
+ }
655
+
656
+ .has-warning .select2-container--focus .select2-selection:focus,
657
+ .has-warning .select2-container--open .select2-selection:focus {
658
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
659
+ box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
660
+ }
661
+
662
+ .has-warning.select2-drop-active {
663
+ border-color: #d39e00;
664
+ }
665
+
666
+ .has-warning.select2-drop-active.select2-drop.select2-drop-above {
667
+ border-top-color: #d39e00;
668
+ }
669
+
670
+ .has-error .select2-dropdown,
671
+ .has-error .select2-selection {
672
+ border-color: #dc3545;
673
+ }
674
+
675
+ .has-error .select2-container--focus .select2-selection,
676
+ .has-error .select2-container--open .select2-selection {
677
+ border-color: #bd2130;
678
+ }
679
+
680
+ .has-error .select2-container--focus .select2-selection:focus,
681
+ .has-error .select2-container--open .select2-selection:focus {
682
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
683
+ box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
684
+ }
685
+
686
+ .has-error.select2-drop-active {
687
+ border-color: #bd2130;
688
+ }
689
+
690
+ .has-error.select2-drop-active.select2-drop.select2-drop-above {
691
+ border-top-color: #bd2130;
692
+ }
693
+
694
+ .has-success .select2-dropdown,
695
+ .has-success .select2-selection {
696
+ border-color: #28a745;
697
+ }
698
+
699
+ .has-success .select2-container--focus .select2-selection,
700
+ .has-success .select2-container--open .select2-selection {
701
+ border-color: #1e7e34;
702
+ }
703
+
704
+ .has-success .select2-container--focus .select2-selection:focus,
705
+ .has-success .select2-container--open .select2-selection:focus {
706
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
707
+ box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
708
+ }
709
+
710
+ .has-success.select2-drop-active {
711
+ border-color: #1e7e34;
712
+ }
713
+
714
+ .has-success.select2-drop-active.select2-drop.select2-drop-above {
715
+ border-top-color: #1e7e34;
716
+ }
717
+
718
+ /**
719
+ * Select2 widgets in Bootstrap Input Groups
720
+ *
721
+ * @see https://getbootstrap.com/docs/4.0/components/input-group/
722
+ * @see https://github.com/twbs/bootstrap/blob/v4.0.0-beta.2/scss/_input-group.scss
723
+ */
724
+ /**
725
+ * Reset rounded corners
726
+ */
727
+ .input-group > .select2-hidden-accessible:first-child + .select2-container--bootstrap > .selection > .select2-selection,
728
+ .input-group > .select2-hidden-accessible:first-child + .select2-container--bootstrap > .selection > .select2-selection.form-control {
729
+ border-top-right-radius: 0;
730
+ border-bottom-right-radius: 0;
731
+ }
732
+
733
+ .input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap:not(:last-child) > .selection > .select2-selection,
734
+ .input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap:not(:last-child) > .selection > .select2-selection.form-control {
735
+ border-radius: 0;
736
+ }
737
+
738
+ .input-group > .select2-hidden-accessible:not(:first-child):not(:last-child) + .select2-container--bootstrap:last-child > .selection > .select2-selection,
739
+ .input-group > .select2-hidden-accessible:not(:first-child):not(:last-child) + .select2-container--bootstrap:last-child > .selection > .select2-selection.form-control {
740
+ border-top-left-radius: 0;
741
+ border-bottom-left-radius: 0;
742
+ }
743
+
744
+ .input-group > .select2-container--bootstrap {
745
+ -webkit-box-flex: 1;
746
+ -webkit-flex: 1 1 auto;
747
+ -ms-flex: 1 1 auto;
748
+ flex: 1 1 auto;
749
+ position: relative;
750
+ z-index: 2;
751
+ width: 1%;
752
+ margin-bottom: 0;
753
+ /**
754
+ * Adjust z-index like Bootstrap does to show the focus-box-shadow
755
+ * above appended buttons in .input-group and .form-group.
756
+ */
757
+ /**
758
+ * Adjust alignment of Bootstrap buttons in Bootstrap Input Groups to address
759
+ * Multi Select2's height which - depending on how many elements have been selected -
760
+ * may grow taller than its initial size.
761
+ *
762
+ * @see https://github.com/twbs/bootstrap/blob/v4.0.0-beta.2/scss/_input-group.scss
763
+ */
764
+ }
765
+
766
+ .input-group > .select2-container--bootstrap > .selection {
767
+ display: -webkit-box;
768
+ display: -webkit-flex;
769
+ display: -ms-flexbox;
770
+ display: flex;
771
+ -webkit-box-flex: 1;
772
+ -webkit-flex: 1 1 auto;
773
+ -ms-flex: 1 1 auto;
774
+ flex: 1 1 auto;
775
+ }
776
+
777
+ .input-group > .select2-container--bootstrap > .selection > .select2-selection.form-control {
778
+ float: none;
779
+ }
780
+
781
+ .input-group > .select2-container--bootstrap.select2-container--open, .input-group > .select2-container--bootstrap.select2-container--focus {
782
+ z-index: 3;
783
+ }
784
+
785
+ .input-group > .select2-container--bootstrap,
786
+ .input-group > .select2-container--bootstrap .input-group-append,
787
+ .input-group > .select2-container--bootstrap .input-group-prepend,
788
+ .input-group > .select2-container--bootstrap .input-group-append .btn,
789
+ .input-group > .select2-container--bootstrap .input-group-prepend .btn {
790
+ vertical-align: top;
791
+ }
792
+
793
+ /**
794
+ * Temporary fix for https://github.com/select2/select2-bootstrap-theme/issues/9
795
+ *
796
+ * Provides `!important` for certain properties of the class applied to the
797
+ * original `<select>` element to hide it.
798
+ *
799
+ * @see https://github.com/select2/select2/pull/3301
800
+ * @see https://github.com/fk/select2/commit/31830c7b32cb3d8e1b12d5b434dee40a6e753ada
801
+ */
802
+ .form-control.select2-hidden-accessible {
803
+ position: absolute !important;
804
+ width: 1px !important;
805
+ }
806
+
807
+ /**
808
+ * Display override for inline forms
809
+ */
810
+ @media (min-width: 576px) {
811
+ .form-inline .select2-container--bootstrap {
812
+ display: inline-block;
813
+ }
814
+ }
@@ -1,7 +1,7 @@
1
1
  @import "bootstrap_variables";
2
2
  @import "bootstrap";
3
3
  @import "select2";
4
- @import "select2-bootstrap";
4
+ @import "select2-bootstrap4";
5
5
  @import "datepicker";
6
6
 
7
7
  select.custom-select {
@@ -1,3 +1,3 @@
1
1
  module Binco
2
- VERSION = '3.1.5'
2
+ VERSION = '3.1.6'
3
3
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: binco
3
3
  version: !ruby/object:Gem::Version
4
- version: 3.1.5
4
+ version: 3.1.6
5
5
  platform: ruby
6
6
  authors:
7
7
  - Victor Camacho
@@ -30,7 +30,7 @@ cert_chain:
30
30
  XdmvXYY6Fr9AHqSdbvphaVu+RqBpkBdGUQCcCZ73NjXSUwgJumx1p1A8e4NXrh1e
31
31
  pYh0/Q==
32
32
  -----END CERTIFICATE-----
33
- date: 2018-02-12 00:00:00.000000000 Z
33
+ date: 2018-03-13 00:00:00.000000000 Z
34
34
  dependencies:
35
35
  - !ruby/object:Gem::Dependency
36
36
  name: railties
@@ -172,6 +172,7 @@ files:
172
172
  - app/assets/javascripts/bootstrap-data-confirm.js
173
173
  - app/assets/javascripts/select2-rails.coffee
174
174
  - app/assets/stylesheets/_datepicker.scss
175
+ - app/assets/stylesheets/_select2-bootstrap4.scss
175
176
  - app/assets/stylesheets/binco.scss
176
177
  - app/helpers/binco/bootstrap_form_builder.rb
177
178
  - app/helpers/binco/breadcrumbs_helper.rb