chosen-awesome-rails 1.0.0

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