chosen-awesome-rails 1.0.3 → 1.1.0

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.
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: chosen-awesome-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.0.3
4
+ version: 1.1.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - heaven
@@ -100,15 +100,15 @@ files:
100
100
  - lib/chosen-awesome-rails/engine3.rb
101
101
  - lib/chosen-awesome-rails/version.rb
102
102
  - vendor/assets/images/chosen-arrow.gif
103
- - vendor/assets/javascripts/chosen.js.coffee
104
- - vendor/assets/javascripts/chosen/chosen.js.coffee
105
- - vendor/assets/javascripts/chosen/multiple.js.coffee
106
- - vendor/assets/javascripts/chosen/parser.js.coffee
107
- - vendor/assets/javascripts/chosen/single.js.coffee
108
- - vendor/assets/stylesheets/chosen.css.scss
109
- - vendor/assets/stylesheets/chosen/bootstrap.css.scss
110
- - vendor/assets/stylesheets/chosen/bootstrap2.css.scss
111
- - vendor/assets/stylesheets/chosen/default.css.scss
103
+ - vendor/assets/javascripts/chosen.coffee
104
+ - vendor/assets/javascripts/chosen/chosen.coffee
105
+ - vendor/assets/javascripts/chosen/multiple.coffee
106
+ - vendor/assets/javascripts/chosen/parser.coffee
107
+ - vendor/assets/javascripts/chosen/single.coffee
108
+ - vendor/assets/stylesheets/chosen.scss
109
+ - vendor/assets/stylesheets/chosen/_bootstrap2.scss
110
+ - vendor/assets/stylesheets/chosen/_bootstrap3.scss
111
+ - vendor/assets/stylesheets/chosen/_default.scss
112
112
  homepage: https://github.com/heaven/chosen-awesome-rails
113
113
  licenses: []
114
114
  metadata: {}
@@ -128,7 +128,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
128
128
  version: '0'
129
129
  requirements: []
130
130
  rubyforge_project:
131
- rubygems_version: 2.4.5
131
+ rubygems_version: 2.6.10
132
132
  signing_key:
133
133
  specification_version: 3
134
134
  summary: Integrate Chosen javascript library with Rails asset pipeline
@@ -1,83 +0,0 @@
1
- .chosen-container {
2
- border: 1px solid #cccccc;
3
- -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
4
- -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
5
- -o-transition: border linear 0.2s, box-shadow linear 0.2s;
6
- transition: border linear 0.2s, box-shadow linear 0.2s;
7
- -webkit-border-radius: 4px;
8
- -moz-border-radius: 4px;
9
- border-radius: 4px;
10
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
11
- -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
12
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
13
- box-sizing: border-box;
14
-
15
- ul.chosen-choices {
16
- color: #555555;
17
-
18
- li.chosen-search-field {
19
- input {
20
- padding: 0;
21
- height: 100%;
22
- }
23
- }
24
- }
25
-
26
- > a.chosen-delete {
27
- right: 25px;
28
- }
29
- }
30
-
31
- .chosen-container.disabled {
32
- background-color: #eee;
33
- }
34
-
35
- .chosen-container.focus {
36
- border-color: rgba(82, 168, 236, 0.8);
37
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
38
- -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
39
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
40
- }
41
-
42
- .chosen-container.opened {
43
- -webkit-border-bottom-left-radius: 0;
44
- -webkit-border-bottom-right-radius: 0;
45
- -moz-border-bottom-left-radius: 0;
46
- -moz-border-bottom-right-radius: 0;
47
- border-bottom-left-radius: 0;
48
- border-bottom-right-radius: 0;
49
- }
50
-
51
- .chosen-dropdown {
52
- border-color: #cccccc;
53
- -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
54
- -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
55
- -o-transition: border linear 0.2s, box-shadow linear 0.2s;
56
- transition: border linear 0.2s, box-shadow linear 0.2s;
57
- -webkit-border-bottom-left-radius: 4px;
58
- -webkit-border-bottom-right-radius: 4px;
59
- -moz-border-bottom-left-radius: 4px;
60
- -moz-border-bottom-right-radius: 4px;
61
- border-bottom-left-radius: 4px;
62
- border-bottom-right-radius: 4px;
63
-
64
- }
65
-
66
- .chosen-dropdown.opened {
67
- border-color: rgba(82, 168, 236, 0.8);
68
- -webkit-box-shadow: -3px 2px 6px -2px rgba(82, 168, 236, 0.5), 3px 2px 6px -2px rgba(82, 168, 236, 0.5);
69
- -moz-box-shadow: -3px 2px 6px -2px rgba(82, 168, 236, 0.5), 3px 2px 6px -2px rgba(82, 168, 236, 0.5);
70
- box-shadow: -3px 2px 6px -2px rgba(82, 168, 236, 0.5), 3px 2px 6px -2px rgba(82, 168, 236, 0.5);
71
- }
72
-
73
- .chosen-container.loading {
74
- background-image: -webkit-linear-gradient(-45deg, rgba(52, 194, 227, .10) 25%, transparent 25%, transparent 50%, rgba(52, 194, 227, .10) 50%, rgba(52, 194, 227, .10) 75%, transparent 75%, transparent);
75
- background-image: -moz-linear-gradient(-45deg, rgba(52, 194, 227, .10) 25%, transparent 25%, transparent 50%, rgba(52, 194, 227, .10) 50%, rgba(52, 194, 227, .10) 75%, transparent 75%, transparent);
76
- background-image: -ms-linear-gradient(-45deg, rgba(52, 194, 227, .10) 25%, transparent 25%, transparent 50%, rgba(52, 194, 227, .10) 50%, rgba(52, 194, 227, .10) 75%, transparent 75%, transparent);
77
- background-image: -o-linear-gradient(-45deg, rgba(52, 194, 227, .10) 25%, transparent 25%, transparent 50%, rgba(52, 194, 227, .10) 50%, rgba(52, 194, 227, .10) 75%, transparent 75%, transparent);
78
- background-image: linear-gradient(-45deg, rgba(52, 194, 227, .10) 25%, transparent 25%, transparent 50%, rgba(52, 194, 227, .10) 50%, rgba(52, 194, 227, .10) 75%, transparent 75%, transparent);
79
-
80
- ul.chosen-choices {
81
- background-color: transparent;
82
- }
83
- }
@@ -1,71 +0,0 @@
1
- .chosen-container {
2
- border: 1px solid #cccccc;
3
- -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
4
- -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
5
- -o-transition: border linear 0.2s, box-shadow linear 0.2s;
6
- transition: border linear 0.2s, box-shadow linear 0.2s;
7
- -webkit-border-radius: 4px;
8
- -moz-border-radius: 4px;
9
- border-radius: 4px;
10
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
11
- -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
12
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
13
- box-sizing: border-box;
14
-
15
- ul.chosen-choices {
16
- color: #555555;
17
- }
18
- }
19
-
20
- .chosen-container.disabled {
21
- background-color: #eee;
22
- }
23
-
24
- .chosen-container.focus {
25
- border-color: rgba(82, 168, 236, 0.8);
26
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
27
- -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
28
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
29
- }
30
-
31
- .chosen-container.opened {
32
- -webkit-border-bottom-left-radius: 0;
33
- -webkit-border-bottom-right-radius: 0;
34
- -moz-border-bottom-left-radius: 0;
35
- -moz-border-bottom-right-radius: 0;
36
- border-bottom-left-radius: 0;
37
- border-bottom-right-radius: 0;
38
- }
39
-
40
- .chosen-dropdown {
41
- border-color: #cccccc;
42
- -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
43
- -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
44
- -o-transition: border linear 0.2s, box-shadow linear 0.2s;
45
- transition: border linear 0.2s, box-shadow linear 0.2s;
46
- -webkit-border-bottom-left-radius: 4px;
47
- -webkit-border-bottom-right-radius: 4px;
48
- -moz-border-bottom-left-radius: 4px;
49
- -moz-border-bottom-right-radius: 4px;
50
- border-bottom-left-radius: 4px;
51
- border-bottom-right-radius: 4px;
52
- }
53
-
54
- .chosen-dropdown.opened {
55
- border-color: rgba(82, 168, 236, 0.8);
56
- -webkit-box-shadow: -3px 2px 6px -2px rgba(82, 168, 236, 0.5), 3px 2px 6px -2px rgba(82, 168, 236, 0.5);
57
- -moz-box-shadow: -3px 2px 6px -2px rgba(82, 168, 236, 0.5), 3px 2px 6px -2px rgba(82, 168, 236, 0.5);
58
- box-shadow: -3px 2px 6px -2px rgba(82, 168, 236, 0.5), 3px 2px 6px -2px rgba(82, 168, 236, 0.5);
59
- }
60
-
61
- .chosen-container.loading {
62
- background-image: -webkit-linear-gradient(-45deg, rgba(52, 194, 227, .10) 25%, transparent 25%, transparent 50%, rgba(52, 194, 227, .10) 50%, rgba(52, 194, 227, .10) 75%, transparent 75%, transparent);
63
- background-image: -moz-linear-gradient(-45deg, rgba(52, 194, 227, .10) 25%, transparent 25%, transparent 50%, rgba(52, 194, 227, .10) 50%, rgba(52, 194, 227, .10) 75%, transparent 75%, transparent);
64
- background-image: -ms-linear-gradient(-45deg, rgba(52, 194, 227, .10) 25%, transparent 25%, transparent 50%, rgba(52, 194, 227, .10) 50%, rgba(52, 194, 227, .10) 75%, transparent 75%, transparent);
65
- background-image: -o-linear-gradient(-45deg, rgba(52, 194, 227, .10) 25%, transparent 25%, transparent 50%, rgba(52, 194, 227, .10) 50%, rgba(52, 194, 227, .10) 75%, transparent 75%, transparent);
66
- background-image: linear-gradient(-45deg, rgba(52, 194, 227, .10) 25%, transparent 25%, transparent 50%, rgba(52, 194, 227, .10) 50%, rgba(52, 194, 227, .10) 75%, transparent 75%, transparent);
67
-
68
- ul.chosen-choices {
69
- background-color: transparent;
70
- }
71
- }
@@ -1,329 +0,0 @@
1
- $arrow_image_path: image_path('chosen-arrow.gif');
2
-
3
- $border_color_default: #ccc;
4
- $border_color_active: rgba(82, 168, 236, 1);
5
- $border_color_disabled: #ccc;
6
-
7
- $background_color_default: #fff;
8
- $background_color_active: rgba(82, 168, 236, 1);
9
- $background_color_disabled: #efefef;
10
-
11
- $color_disabled: #989898;
12
- $color_selected: #989898;
13
- $group_color: #a0a0a0;
14
- $placeholder_color: #989898;
15
- $color_active: #fff;
16
-
17
- .chosen {
18
- display: none !important;
19
- }
20
-
21
- .chosen-container {
22
- position: relative;
23
- box-sizing: content-box;
24
- display: inline-block;
25
- *display: inline;
26
- vertical-align: middle;
27
- height: auto !important;
28
- outline: none;
29
- cursor: default;
30
- border-width: 1px;
31
- border-style: solid;
32
- border-color: $border_color_default;
33
- background-color: $background_color_default;
34
- zoom: 1;
35
-
36
- a.chosen-delete {
37
- padding: 0 5px;
38
- margin: 0;
39
- color: #777;
40
- font-weight: bold;
41
- cursor: pointer;
42
- text-decoration: none;
43
- }
44
-
45
- a.chosen-delete:hover {
46
- color: #333;
47
- text-decoration: none;
48
- }
49
-
50
- > a.chosen-delete {
51
- position: absolute;
52
- right: 10px;
53
- top: 50%;
54
- width: 10px;
55
- height: 15px;
56
- padding: 0;
57
- margin: -8px auto 0 auto;
58
- text-align: center;
59
- font-size: 15px;
60
- line-height: 1;
61
- }
62
-
63
- ul.chosen-choices {
64
- position: relative;
65
- overflow: hidden;
66
- display: block;
67
- box-sizing: content-box;
68
- padding: 0 24px 0 0;
69
- margin: 0;
70
- width: auto;
71
- height: 100%;
72
- background-repeat: no-repeat;
73
- background-position: right center;
74
- background-image: url($arrow_image_path);
75
-
76
- li {
77
- position: relative;
78
- display: block;
79
- float: left;
80
- list-style: none;
81
- white-space: nowrap;
82
- }
83
-
84
- li.chosen-search-field {
85
- width: 100%;
86
- height: 100%;
87
-
88
- input {
89
- position: relative;
90
- float: left;
91
- width: 100%;
92
- margin: 0;
93
- outline: none;
94
- cursor: text;
95
- border: none;
96
- -webkit-border-radius: 0;
97
- -moz-border-radius: 0;
98
- border-radius: 0;
99
- -webkit-box-shadow: none;
100
- -moz-box-shadow: none;
101
- box-shadow: none;
102
- background: transparent;
103
- }
104
-
105
- input::-webkit-input-placeholder {
106
- color: $placeholder_color; text-overflow: ellipsis;
107
- }
108
-
109
- input:-moz-placeholder {
110
- color: $placeholder_color !important; text-overflow: ellipsis;
111
- }
112
-
113
- input::-moz-placeholder {
114
- color: $placeholder_color !important; text-overflow: ellipsis;
115
- }
116
-
117
- input:-ms-input-placeholder {
118
- color: $placeholder_color !important; text-overflow: ellipsis;
119
- }
120
-
121
- input::-ms-clear {
122
- display: none;
123
- width: 0;
124
- height: 0;
125
- }
126
- }
127
- }
128
- }
129
-
130
- .chosen-container.single { }
131
-
132
- .chosen-container.multiple {
133
- ul.chosen-choices {
134
- li.chosen-option {
135
- padding: 0 5px 0 0;
136
- margin: 0 3px 3px 0;
137
- border: 1px solid #aaa;
138
- border-radius: 3px;
139
- background-color: #e4e4e4;
140
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
141
- background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
142
- background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
143
- background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
144
- background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
145
- background-clip: padding-box;
146
- box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
147
- color: #333;
148
-
149
- > a.chosen-delete {
150
- position: relative;
151
- float: left;
152
- }
153
- }
154
-
155
- li.chosen-option.active {
156
- background-color: #d0d0d0;
157
- background-image: none;
158
- }
159
- }
160
- }
161
-
162
- .chosen-container.focus {
163
- ul.chosen-choices {
164
- border-color: $border_color_active;
165
- }
166
- }
167
-
168
- .chosen-container.opened { }
169
-
170
- .chosen-container.disabled {
171
- ul {
172
- border-color: $border_color_disabled;
173
- background-color: $background_color_disabled;
174
- }
175
-
176
- * {
177
- color: $color_disabled !important;
178
- cursor: default !important;
179
- }
180
-
181
- > li, a {
182
- opacity: 0.6;
183
- }
184
-
185
- a:hover {
186
- background-position: 0 0px;
187
- }
188
- }
189
-
190
- .chosen-container.placeholder {
191
- > a.chosen-delete {
192
- display: none;
193
- }
194
- }
195
-
196
- .chosen-container.rtl {
197
- }
198
-
199
- .chosen-dropdown {
200
- position: absolute;
201
- height: auto;
202
- max-height: 250px;
203
- overflow-x: hidden;
204
- overflow-y: auto;
205
- cursor: default;
206
- box-sizing: content-box;
207
- border: 1px solid $border_color_active;
208
- border-top: none;
209
- background: $background_color_default;
210
- z-index: 10000;
211
- zoom: 1;
212
-
213
- ul {
214
- position: relative;
215
- display: block;
216
- width: 100%;
217
- height: auto;
218
- margin: 0;
219
- padding: 0;
220
-
221
- li {
222
- position: relative;
223
- display: block;
224
- list-style: none;
225
- margin: 0;
226
- padding: 2px 6px;
227
- word-wrap: break-word;
228
- }
229
-
230
- li.chosen-noresults {
231
- color: $color_active;
232
- background-color: $background_color_active;
233
- }
234
-
235
- li.chosen-group {
236
- font-weight: bold;
237
- color: $group_color;
238
- text-transform: uppercase;
239
- }
240
-
241
- li.chosen-option {
242
- }
243
-
244
- li.chosen-option.group {
245
- padding-left: 20px;
246
- }
247
-
248
- li.chosen-option.selected {
249
- color: $color_selected;
250
- }
251
-
252
- li.chosen-option.disabled {
253
- color: $color_disabled;
254
- }
255
-
256
- li.chosen-option.active {
257
- color: $color_active;
258
- background-color: $background_color_active;
259
- }
260
-
261
- li.chosen-option.active.selected {
262
- color: $color_selected;
263
- }
264
-
265
- li.chosen-option.active.disabled {
266
- color: $color_disabled;
267
- }
268
-
269
- li.chosen-option.disabled.active,
270
- li.chosen-option.selected.active {
271
- background-color: $background_color_disabled;
272
- }
273
-
274
- }
275
- }
276
-
277
- .chosen-container.loading {
278
- -webkit-background-size: 50px 50px;
279
- -moz-background-size: 50px 50px;
280
- background-size: 50px 50px;
281
- background-image: -webkit-linear-gradient(-45deg, rgba(255, 154, 26, .10) 25%, transparent 25%, transparent 50%, rgba(255, 154, 26, .10) 50%, rgba(255, 154, 26, .10) 75%, transparent 75%, transparent);
282
- background-image: -moz-linear-gradient(-45deg, rgba(255, 154, 26, .10) 25%, transparent 25%, transparent 50%, rgba(255, 154, 26, .10) 50%, rgba(255, 154, 26, .10) 75%, transparent 75%, transparent);
283
- background-image: -ms-linear-gradient(-45deg, rgba(255, 154, 26, .10) 25%, transparent 25%, transparent 50%, rgba(255, 154, 26, .10) 50%, rgba(255, 154, 26, .10) 75%, transparent 75%, transparent);
284
- background-image: -o-linear-gradient(-45deg, rgba(255, 154, 26, .10) 25%, transparent 25%, transparent 50%, rgba(255, 154, 26, .10) 50%, rgba(255, 154, 26, .10) 75%, transparent 75%, transparent);
285
- background-image: linear-gradient(-45deg, rgba(255, 154, 26, .10) 25%, transparent 25%, transparent 50%, rgba(255, 154, 26, .10) 50%, rgba(255, 154, 26, .10) 75%, transparent 75%, transparent);
286
- -webkit-animation: animate-chosen-stripes 3s linear infinite;
287
- -moz-animation: animate-chosen-stripes 3s linear infinite;
288
- -ms-animation: animate-chosen-stripes 3s linear infinite;
289
- animation: animate-chosen-stripes 3s linear infinite;
290
-
291
- ul.chosen-choices {
292
- background-color: transparent;
293
- }
294
- }
295
-
296
- .chosen-container.error {
297
- -webkit-background-size: 50px 50px;
298
- -moz-background-size: 50px 50px;
299
- background-size: 50px 50px;
300
- background-image: -webkit-linear-gradient(-45deg, rgba(255, 68, 26, .10) 25%, transparent 25%, transparent 50%, rgba(255, 68, 26, .10) 50%, rgba(255, 68, 26, .10) 75%, transparent 75%, transparent);
301
- background-image: -moz-linear-gradient(-45deg, rgba(255, 68, 26, .10) 25%, transparent 25%, transparent 50%, rgba(255, 68, 26, .10) 50%, rgba(255, 68, 26, .10) 75%, transparent 75%, transparent);
302
- background-image: -ms-linear-gradient(-45deg, rgba(255, 68, 26, .10) 25%, transparent 25%, transparent 50%, rgba(255, 68, 26, .10) 50%, rgba(255, 68, 26, .10) 75%, transparent 75%, transparent);
303
- background-image: -o-linear-gradient(-45deg, rgba(255, 68, 26, .10) 25%, transparent 25%, transparent 50%, rgba(255, 68, 26, .10) 50%, rgba(255, 68, 26, .10) 75%, transparent 75%, transparent);
304
- background-image: linear-gradient(-45deg, rgba(255, 68, 26, .10) 25%, transparent 25%, transparent 50%, rgba(255, 68, 26, .10) 50%, rgba(255, 68, 26, .10) 75%, transparent 75%, transparent);
305
-
306
- ul.chosen-choices {
307
- background-color: transparent;
308
- }
309
- }
310
-
311
- @-webkit-keyframes animate-chosen-stripes {
312
- 0% { background-position: 50px 50px; }
313
- 100% { background-position: 0 0; }
314
- }
315
-
316
- @-moz-keyframes animate-chosen-stripes {
317
- 0% { background-position: 50px 50px; }
318
- 100% { background-position: 0 0; }
319
- }
320
-
321
- @-ms-keyframes animate-chosen-stripes {
322
- 0% { background-position: 50px 50px; }
323
- 100% { background-position: 0 0; }
324
- }
325
-
326
- @keyframes animate-chosen-stripes {
327
- 0% { background-position: 50px 50px; }
328
- 100% { background-position: 0 0; }
329
- }