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