chosen-awesome-rails 1.0.3 → 1.1.0

Sign up to get free protection for your applications and to get access to all the features.
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
- }