binco 3.1.5 → 3.1.6

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: 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