chosen-add 0.0.1
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.
- data/.gitignore +17 -0
- data/Gemfile +4 -0
- data/LICENSE.txt +22 -0
- data/README.md +30 -0
- data/Rakefile +1 -0
- data/chosen-add.gemspec +21 -0
- data/lib/chosen/add.rb +8 -0
- data/lib/chosen/add/version.rb +5 -0
- data/vendor/assets/images/controls/chosen/sprite.png +0 -0
- data/vendor/assets/images/controls/chosen/sprite@2x.png +0 -0
- data/vendor/assets/images/controls/data_container/loading-large.gif +0 -0
- data/vendor/assets/images/controls/dropdown/gear.png +0 -0
- data/vendor/assets/images/controls/search_form/search.png +0 -0
- data/vendor/assets/images/controls/sidebar/triangle-down.png +0 -0
- data/vendor/assets/images/controls/sidebar/triangle-right.png +0 -0
- data/vendor/assets/javascripts/chosen.jquery.js +1195 -0
- data/vendor/assets/stylesheets/chosen.css.scss +416 -0
- metadata +99 -0
|
@@ -0,0 +1,416 @@
|
|
|
1
|
+
/* @group Base */
|
|
2
|
+
.chzn-container {
|
|
3
|
+
font-size: 13px;
|
|
4
|
+
position: relative;
|
|
5
|
+
display: inline-block;
|
|
6
|
+
zoom: 1;
|
|
7
|
+
*display: inline;
|
|
8
|
+
}
|
|
9
|
+
.chzn-container .chzn-drop {
|
|
10
|
+
background: #fff;
|
|
11
|
+
border: 1px solid #aaa;
|
|
12
|
+
border-top: 0;
|
|
13
|
+
position: absolute;
|
|
14
|
+
top: 29px;
|
|
15
|
+
left: 0;
|
|
16
|
+
-webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);
|
|
17
|
+
-moz-box-shadow : 0 4px 5px rgba(0,0,0,.15);
|
|
18
|
+
box-shadow : 0 4px 5px rgba(0,0,0,.15);
|
|
19
|
+
z-index: 1010;
|
|
20
|
+
}
|
|
21
|
+
/* @end */
|
|
22
|
+
|
|
23
|
+
/* @group Single Chosen */
|
|
24
|
+
.chzn-container-single .chzn-single {
|
|
25
|
+
background-color: #ffffff;
|
|
26
|
+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );
|
|
27
|
+
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
|
|
28
|
+
background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
|
29
|
+
background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
|
30
|
+
background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
|
31
|
+
background-image: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
|
32
|
+
-webkit-border-radius: 5px;
|
|
33
|
+
-moz-border-radius : 5px;
|
|
34
|
+
border-radius : 5px;
|
|
35
|
+
-moz-background-clip : padding;
|
|
36
|
+
-webkit-background-clip: padding-box;
|
|
37
|
+
background-clip : padding-box;
|
|
38
|
+
border: 1px solid #aaaaaa;
|
|
39
|
+
-webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
|
|
40
|
+
-moz-box-shadow : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
|
|
41
|
+
box-shadow : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
|
|
42
|
+
display: block;
|
|
43
|
+
overflow: hidden;
|
|
44
|
+
white-space: nowrap;
|
|
45
|
+
position: relative;
|
|
46
|
+
height: 23px;
|
|
47
|
+
line-height: 24px;
|
|
48
|
+
padding: 0 0 0 8px;
|
|
49
|
+
color: #444444;
|
|
50
|
+
text-decoration: none;
|
|
51
|
+
}
|
|
52
|
+
.chzn-container-single .chzn-default {
|
|
53
|
+
color: #999;
|
|
54
|
+
}
|
|
55
|
+
.chzn-container-single .chzn-single span {
|
|
56
|
+
margin-right: 26px;
|
|
57
|
+
display: block;
|
|
58
|
+
overflow: hidden;
|
|
59
|
+
white-space: nowrap;
|
|
60
|
+
-o-text-overflow: ellipsis;
|
|
61
|
+
-ms-text-overflow: ellipsis;
|
|
62
|
+
text-overflow: ellipsis;
|
|
63
|
+
}
|
|
64
|
+
.chzn-container-single .chzn-single abbr {
|
|
65
|
+
display: block;
|
|
66
|
+
position: absolute;
|
|
67
|
+
right: 26px;
|
|
68
|
+
top: 6px;
|
|
69
|
+
width: 12px;
|
|
70
|
+
height: 12px;
|
|
71
|
+
font-size: 1px;
|
|
72
|
+
background: image-url('controls/chosen/sprite.png') -42px 1px no-repeat;
|
|
73
|
+
}
|
|
74
|
+
.chzn-container-single .chzn-single abbr:hover {
|
|
75
|
+
background-position: -42px -10px;
|
|
76
|
+
}
|
|
77
|
+
.chzn-container-single.chzn-disabled .chzn-single abbr:hover {
|
|
78
|
+
background-position: -42px -10px;
|
|
79
|
+
}
|
|
80
|
+
.chzn-container-single .chzn-single div {
|
|
81
|
+
position: absolute;
|
|
82
|
+
right: 0;
|
|
83
|
+
top: 0;
|
|
84
|
+
display: block;
|
|
85
|
+
height: 100%;
|
|
86
|
+
width: 18px;
|
|
87
|
+
}
|
|
88
|
+
.chzn-container-single .chzn-single div b {
|
|
89
|
+
background: image-url('controls/chosen/sprite.png') no-repeat 0px 2px;
|
|
90
|
+
display: block;
|
|
91
|
+
width: 100%;
|
|
92
|
+
height: 100%;
|
|
93
|
+
}
|
|
94
|
+
.chzn-container-single .chzn-search {
|
|
95
|
+
padding: 3px 4px;
|
|
96
|
+
position: relative;
|
|
97
|
+
margin: 0;
|
|
98
|
+
white-space: nowrap;
|
|
99
|
+
z-index: 1010;
|
|
100
|
+
}
|
|
101
|
+
.chzn-container-single .chzn-search input {
|
|
102
|
+
background: #fff image-url('controls/chosen/sprite.png') no-repeat 100% -20px;
|
|
103
|
+
background: image-url('controls/chosen/sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
|
|
104
|
+
background: image-url('controls/chosen/sprite.png') no-repeat 100% -20px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
|
105
|
+
background: image-url('controls/chosen/sprite.png') no-repeat 100% -20px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
|
106
|
+
background: image-url('controls/chosen/sprite.png') no-repeat 100% -20px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
|
107
|
+
background: image-url('controls/chosen/sprite.png') no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
|
|
108
|
+
margin: 1px 0;
|
|
109
|
+
padding: 4px 20px 4px 5px;
|
|
110
|
+
outline: 0;
|
|
111
|
+
border: 1px solid #aaa;
|
|
112
|
+
font-family: sans-serif;
|
|
113
|
+
font-size: 1em;
|
|
114
|
+
}
|
|
115
|
+
.chzn-container-single .chzn-drop {
|
|
116
|
+
-webkit-border-radius: 0 0 4px 4px;
|
|
117
|
+
-moz-border-radius : 0 0 4px 4px;
|
|
118
|
+
border-radius : 0 0 4px 4px;
|
|
119
|
+
-moz-background-clip : padding;
|
|
120
|
+
-webkit-background-clip: padding-box;
|
|
121
|
+
background-clip : padding-box;
|
|
122
|
+
}
|
|
123
|
+
/* @end */
|
|
124
|
+
|
|
125
|
+
.chzn-container-single-nosearch .chzn-search input {
|
|
126
|
+
position: absolute;
|
|
127
|
+
left: -9000px;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
/* @group Multi Chosen */
|
|
131
|
+
.chzn-container-multi .chzn-choices {
|
|
132
|
+
background-color: #fff;
|
|
133
|
+
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
|
|
134
|
+
background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
|
135
|
+
background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
|
136
|
+
background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
|
137
|
+
background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
|
|
138
|
+
border: 1px solid #aaa;
|
|
139
|
+
margin: 0;
|
|
140
|
+
padding: 0;
|
|
141
|
+
cursor: text;
|
|
142
|
+
overflow: hidden;
|
|
143
|
+
height: auto !important;
|
|
144
|
+
height: 1%;
|
|
145
|
+
position: relative;
|
|
146
|
+
}
|
|
147
|
+
.chzn-container-multi .chzn-choices li {
|
|
148
|
+
float: left;
|
|
149
|
+
list-style: none;
|
|
150
|
+
}
|
|
151
|
+
.chzn-container-multi .chzn-choices .search-field {
|
|
152
|
+
white-space: nowrap;
|
|
153
|
+
margin: 0;
|
|
154
|
+
padding: 0;
|
|
155
|
+
}
|
|
156
|
+
.chzn-container-multi .chzn-choices .search-field input {
|
|
157
|
+
color: #666;
|
|
158
|
+
background: transparent !important;
|
|
159
|
+
border: 0 !important;
|
|
160
|
+
font-family: sans-serif;
|
|
161
|
+
font-size: 100%;
|
|
162
|
+
height: 15px;
|
|
163
|
+
padding: 5px;
|
|
164
|
+
margin: 1px 0;
|
|
165
|
+
outline: 0;
|
|
166
|
+
-webkit-box-shadow: none;
|
|
167
|
+
-moz-box-shadow : none;
|
|
168
|
+
box-shadow : none;
|
|
169
|
+
}
|
|
170
|
+
.chzn-container-multi .chzn-choices .search-field .default {
|
|
171
|
+
color: #999;
|
|
172
|
+
}
|
|
173
|
+
.chzn-container-multi .chzn-choices .search-choice {
|
|
174
|
+
-webkit-border-radius: 3px;
|
|
175
|
+
-moz-border-radius : 3px;
|
|
176
|
+
border-radius : 3px;
|
|
177
|
+
-moz-background-clip : padding;
|
|
178
|
+
-webkit-background-clip: padding-box;
|
|
179
|
+
background-clip : padding-box;
|
|
180
|
+
background-color: #e4e4e4;
|
|
181
|
+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
|
|
182
|
+
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
|
|
183
|
+
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
|
184
|
+
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
|
185
|
+
background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
|
186
|
+
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
|
187
|
+
-webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
|
|
188
|
+
-moz-box-shadow : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
|
|
189
|
+
box-shadow : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
|
|
190
|
+
color: #333;
|
|
191
|
+
border: 1px solid #aaaaaa;
|
|
192
|
+
line-height: 13px;
|
|
193
|
+
padding: 3px 20px 3px 5px;
|
|
194
|
+
margin: 3px 0 3px 5px;
|
|
195
|
+
position: relative;
|
|
196
|
+
cursor: default;
|
|
197
|
+
}
|
|
198
|
+
.chzn-container-multi .chzn-choices .search-choice.search-choice-disabled {
|
|
199
|
+
background-color: #e4e4e4;
|
|
200
|
+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
|
|
201
|
+
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
|
|
202
|
+
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
|
203
|
+
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
|
204
|
+
background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
|
205
|
+
background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
|
206
|
+
background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
|
207
|
+
color: #666;
|
|
208
|
+
border: 1px solid #cccccc;
|
|
209
|
+
padding-right: 5px;
|
|
210
|
+
}
|
|
211
|
+
.chzn-container-multi .chzn-choices .search-choice-focus {
|
|
212
|
+
background: #d4d4d4;
|
|
213
|
+
}
|
|
214
|
+
.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
|
|
215
|
+
display: block;
|
|
216
|
+
position: absolute;
|
|
217
|
+
right: 3px;
|
|
218
|
+
top: 4px;
|
|
219
|
+
width: 12px;
|
|
220
|
+
height: 12px;
|
|
221
|
+
font-size: 1px;
|
|
222
|
+
background: image-url('controls/chosen/sprite.png') -42px 1px no-repeat;
|
|
223
|
+
}
|
|
224
|
+
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
|
|
225
|
+
background-position: -42px -10px;
|
|
226
|
+
}
|
|
227
|
+
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
|
|
228
|
+
background-position: -42px -10px;
|
|
229
|
+
}
|
|
230
|
+
/* @end */
|
|
231
|
+
|
|
232
|
+
/* @group Results */
|
|
233
|
+
.chzn-container .chzn-results {
|
|
234
|
+
margin: 0 4px 4px 0;
|
|
235
|
+
max-height: 240px;
|
|
236
|
+
padding: 0 0 0 4px;
|
|
237
|
+
position: relative;
|
|
238
|
+
overflow-x: hidden;
|
|
239
|
+
overflow-y: auto;
|
|
240
|
+
-webkit-overflow-scrolling: touch;
|
|
241
|
+
}
|
|
242
|
+
.chzn-container-multi .chzn-results {
|
|
243
|
+
margin: -1px 0 0;
|
|
244
|
+
padding: 0;
|
|
245
|
+
}
|
|
246
|
+
.chzn-container .chzn-results li {
|
|
247
|
+
display: none;
|
|
248
|
+
line-height: 15px;
|
|
249
|
+
padding: 5px 6px;
|
|
250
|
+
margin: 0;
|
|
251
|
+
list-style: none;
|
|
252
|
+
}
|
|
253
|
+
.chzn-container .chzn-results .active-result {
|
|
254
|
+
cursor: pointer;
|
|
255
|
+
display: list-item;
|
|
256
|
+
}
|
|
257
|
+
.chzn-container .chzn-results .highlighted {
|
|
258
|
+
background-color: #3875d7;
|
|
259
|
+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0 );
|
|
260
|
+
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
|
|
261
|
+
background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
|
|
262
|
+
background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
|
|
263
|
+
background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
|
|
264
|
+
background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
|
|
265
|
+
color: #fff;
|
|
266
|
+
}
|
|
267
|
+
.chzn-container .chzn-results li em {
|
|
268
|
+
background: #feffde;
|
|
269
|
+
font-style: normal;
|
|
270
|
+
}
|
|
271
|
+
.chzn-container .chzn-results .highlighted em {
|
|
272
|
+
background: transparent;
|
|
273
|
+
}
|
|
274
|
+
.chzn-container .chzn-results .no-results {
|
|
275
|
+
background: #f4f4f4;
|
|
276
|
+
display: list-item;
|
|
277
|
+
}
|
|
278
|
+
.chzn-container .chzn-results .create-option {
|
|
279
|
+
display: list-item;
|
|
280
|
+
}
|
|
281
|
+
.chzn-container .chzn-results .group-result {
|
|
282
|
+
cursor: default;
|
|
283
|
+
color: #999;
|
|
284
|
+
font-weight: bold;
|
|
285
|
+
}
|
|
286
|
+
.chzn-container .chzn-results .group-option {
|
|
287
|
+
padding-left: 15px;
|
|
288
|
+
}
|
|
289
|
+
.chzn-container-multi .chzn-drop .result-selected {
|
|
290
|
+
display: none;
|
|
291
|
+
}
|
|
292
|
+
.chzn-container .chzn-results-scroll {
|
|
293
|
+
background: white;
|
|
294
|
+
margin: 0 4px;
|
|
295
|
+
position: absolute;
|
|
296
|
+
text-align: center;
|
|
297
|
+
width: 321px; /* This should by dynamic with js */
|
|
298
|
+
z-index: 1;
|
|
299
|
+
}
|
|
300
|
+
.chzn-container .chzn-results-scroll span {
|
|
301
|
+
display: inline-block;
|
|
302
|
+
height: 17px;
|
|
303
|
+
text-indent: -5000px;
|
|
304
|
+
width: 9px;
|
|
305
|
+
}
|
|
306
|
+
.chzn-container .chzn-results-scroll-down {
|
|
307
|
+
bottom: 0;
|
|
308
|
+
}
|
|
309
|
+
.chzn-container .chzn-results-scroll-down span {
|
|
310
|
+
background: image-url('controls/chosen/sprite.png') no-repeat -4px -3px;
|
|
311
|
+
}
|
|
312
|
+
.chzn-container .chzn-results-scroll-up span {
|
|
313
|
+
background: image-url('controls/chosen/sprite.png') no-repeat -22px -3px;
|
|
314
|
+
}
|
|
315
|
+
/* @end */
|
|
316
|
+
|
|
317
|
+
/* @group Active */
|
|
318
|
+
.chzn-container-active .chzn-single {
|
|
319
|
+
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
|
|
320
|
+
-moz-box-shadow : 0 0 5px rgba(0,0,0,.3);
|
|
321
|
+
box-shadow : 0 0 5px rgba(0,0,0,.3);
|
|
322
|
+
border: 1px solid #5897fb;
|
|
323
|
+
}
|
|
324
|
+
.chzn-container-active .chzn-single-with-drop {
|
|
325
|
+
border: 1px solid #aaa;
|
|
326
|
+
-webkit-box-shadow: 0 1px 0 #fff inset;
|
|
327
|
+
-moz-box-shadow : 0 1px 0 #fff inset;
|
|
328
|
+
box-shadow : 0 1px 0 #fff inset;
|
|
329
|
+
background-color: #eee;
|
|
330
|
+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 );
|
|
331
|
+
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
|
|
332
|
+
background-image: -webkit-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
|
|
333
|
+
background-image: -moz-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
|
|
334
|
+
background-image: -o-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
|
|
335
|
+
background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
|
|
336
|
+
-webkit-border-bottom-left-radius : 0;
|
|
337
|
+
-webkit-border-bottom-right-radius: 0;
|
|
338
|
+
-moz-border-radius-bottomleft : 0;
|
|
339
|
+
-moz-border-radius-bottomright: 0;
|
|
340
|
+
border-bottom-left-radius : 0;
|
|
341
|
+
border-bottom-right-radius: 0;
|
|
342
|
+
}
|
|
343
|
+
.chzn-container-active .chzn-single-with-drop div {
|
|
344
|
+
background: transparent;
|
|
345
|
+
border-left: none;
|
|
346
|
+
}
|
|
347
|
+
.chzn-container-active .chzn-single-with-drop div b {
|
|
348
|
+
background-position: -18px 2px;
|
|
349
|
+
}
|
|
350
|
+
.chzn-container-active .chzn-choices {
|
|
351
|
+
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
|
|
352
|
+
-moz-box-shadow : 0 0 5px rgba(0,0,0,.3);
|
|
353
|
+
box-shadow : 0 0 5px rgba(0,0,0,.3);
|
|
354
|
+
border: 1px solid #5897fb;
|
|
355
|
+
}
|
|
356
|
+
.chzn-container-active .chzn-choices .search-field input {
|
|
357
|
+
color: #111 !important;
|
|
358
|
+
}
|
|
359
|
+
/* @end */
|
|
360
|
+
|
|
361
|
+
/* @group Disabled Support */
|
|
362
|
+
.chzn-disabled {
|
|
363
|
+
cursor: default;
|
|
364
|
+
opacity:0.5 !important;
|
|
365
|
+
}
|
|
366
|
+
.chzn-disabled .chzn-single {
|
|
367
|
+
cursor: default;
|
|
368
|
+
}
|
|
369
|
+
.chzn-disabled .chzn-choices .search-choice .search-choice-close {
|
|
370
|
+
cursor: default;
|
|
371
|
+
}
|
|
372
|
+
|
|
373
|
+
/* @group Right to Left */
|
|
374
|
+
.chzn-rtl { text-align: right; }
|
|
375
|
+
.chzn-rtl .chzn-single { padding: 0 8px 0 0; overflow: visible; }
|
|
376
|
+
.chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; direction: rtl; }
|
|
377
|
+
|
|
378
|
+
.chzn-rtl .chzn-single div { left: 3px; right: auto; }
|
|
379
|
+
.chzn-rtl .chzn-single abbr {
|
|
380
|
+
left: 26px;
|
|
381
|
+
right: auto;
|
|
382
|
+
}
|
|
383
|
+
.chzn-rtl .chzn-choices .search-field input { direction: rtl; }
|
|
384
|
+
.chzn-rtl .chzn-choices li { float: right; }
|
|
385
|
+
.chzn-rtl .chzn-choices .search-choice { padding: 3px 5px 3px 19px; margin: 3px 5px 3px 0; }
|
|
386
|
+
.chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 4px; right: auto; }
|
|
387
|
+
.chzn-rtl.chzn-container-single .chzn-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; }
|
|
388
|
+
.chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 15px; }
|
|
389
|
+
.chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; }
|
|
390
|
+
.chzn-rtl .chzn-search input {
|
|
391
|
+
background: #fff image-url('controls/chosen/sprite.png') no-repeat -30px -20px;
|
|
392
|
+
background: image-url('controls/chosen/sprite.png') no-repeat -30px -20px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
|
|
393
|
+
background: image-url('controls/chosen/sprite.png') no-repeat -30px -20px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
|
394
|
+
background: image-url('controls/chosen/sprite.png') no-repeat -30px -20px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
|
395
|
+
background: image-url('controls/chosen/sprite.png') no-repeat -30px -20px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
|
396
|
+
background: image-url('controls/chosen/sprite.png') no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
|
|
397
|
+
padding: 4px 5px 4px 20px;
|
|
398
|
+
direction: rtl;
|
|
399
|
+
}
|
|
400
|
+
.chzn-container-single.chzn-rtl .chzn-single div b {
|
|
401
|
+
background-position: 6px 2px;
|
|
402
|
+
}
|
|
403
|
+
.chzn-container-single.chzn-rtl .chzn-single-with-drop div b {
|
|
404
|
+
background-position: -12px 2px;
|
|
405
|
+
}
|
|
406
|
+
/* @end */
|
|
407
|
+
|
|
408
|
+
/* @group Retina compatibility */
|
|
409
|
+
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
|
|
410
|
+
.chzn-rtl .chzn-search input, .chzn-container-single .chzn-single abbr, .chzn-container-single .chzn-single div b, .chzn-container-single .chzn-search input, .chzn-container-multi .chzn-choices .search-choice .search-choice-close, .chzn-container .chzn-results-scroll-down span, .chzn-container .chzn-results-scroll-up span {
|
|
411
|
+
background-image: image-url('controls/chosen/sprite@2x.png') !important;
|
|
412
|
+
background-repeat: no-repeat !important;
|
|
413
|
+
background-size: 52px 37px !important;
|
|
414
|
+
}
|
|
415
|
+
}
|
|
416
|
+
/* @end */
|
metadata
ADDED
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
|
2
|
+
name: chosen-add
|
|
3
|
+
version: !ruby/object:Gem::Version
|
|
4
|
+
version: 0.0.1
|
|
5
|
+
prerelease:
|
|
6
|
+
platform: ruby
|
|
7
|
+
authors:
|
|
8
|
+
- ramin keene
|
|
9
|
+
autorequire:
|
|
10
|
+
bindir: bin
|
|
11
|
+
cert_chain: []
|
|
12
|
+
date: 2013-08-19 00:00:00.000000000 Z
|
|
13
|
+
dependencies:
|
|
14
|
+
- !ruby/object:Gem::Dependency
|
|
15
|
+
name: bundler
|
|
16
|
+
prerelease: false
|
|
17
|
+
requirement: !ruby/object:Gem::Requirement
|
|
18
|
+
requirements:
|
|
19
|
+
- - ~>
|
|
20
|
+
- !ruby/object:Gem::Version
|
|
21
|
+
version: '1.3'
|
|
22
|
+
none: false
|
|
23
|
+
type: :development
|
|
24
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
25
|
+
requirements:
|
|
26
|
+
- - ~>
|
|
27
|
+
- !ruby/object:Gem::Version
|
|
28
|
+
version: '1.3'
|
|
29
|
+
none: false
|
|
30
|
+
- !ruby/object:Gem::Dependency
|
|
31
|
+
name: rake
|
|
32
|
+
prerelease: false
|
|
33
|
+
requirement: !ruby/object:Gem::Requirement
|
|
34
|
+
requirements:
|
|
35
|
+
- - ! '>='
|
|
36
|
+
- !ruby/object:Gem::Version
|
|
37
|
+
version: '0'
|
|
38
|
+
none: false
|
|
39
|
+
type: :development
|
|
40
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
41
|
+
requirements:
|
|
42
|
+
- - ! '>='
|
|
43
|
+
- !ruby/object:Gem::Version
|
|
44
|
+
version: '0'
|
|
45
|
+
none: false
|
|
46
|
+
description: Chosen is a javascript library of select box enhancer for jQuery and
|
|
47
|
+
Protoype. This gem integrates the Koenpunt fork which adds create_option ability
|
|
48
|
+
to Chosen with Rails asset pipeline for easy of use.
|
|
49
|
+
email:
|
|
50
|
+
- raminkeene@gmail.com
|
|
51
|
+
executables: []
|
|
52
|
+
extensions: []
|
|
53
|
+
extra_rdoc_files: []
|
|
54
|
+
files:
|
|
55
|
+
- .gitignore
|
|
56
|
+
- Gemfile
|
|
57
|
+
- LICENSE.txt
|
|
58
|
+
- README.md
|
|
59
|
+
- Rakefile
|
|
60
|
+
- chosen-add.gemspec
|
|
61
|
+
- lib/chosen/add.rb
|
|
62
|
+
- lib/chosen/add/version.rb
|
|
63
|
+
- vendor/assets/images/controls/chosen/sprite.png
|
|
64
|
+
- vendor/assets/images/controls/chosen/sprite@2x.png
|
|
65
|
+
- vendor/assets/images/controls/data_container/loading-large.gif
|
|
66
|
+
- vendor/assets/images/controls/dropdown/gear.png
|
|
67
|
+
- vendor/assets/images/controls/search_form/search.png
|
|
68
|
+
- vendor/assets/images/controls/sidebar/triangle-down.png
|
|
69
|
+
- vendor/assets/images/controls/sidebar/triangle-right.png
|
|
70
|
+
- vendor/assets/javascripts/chosen.jquery.js
|
|
71
|
+
- vendor/assets/stylesheets/chosen.css.scss
|
|
72
|
+
homepage: https://github.com/ramin/chosen-add
|
|
73
|
+
licenses:
|
|
74
|
+
- MIT
|
|
75
|
+
post_install_message:
|
|
76
|
+
rdoc_options: []
|
|
77
|
+
require_paths:
|
|
78
|
+
- lib
|
|
79
|
+
- vendor
|
|
80
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
|
81
|
+
requirements:
|
|
82
|
+
- - ! '>='
|
|
83
|
+
- !ruby/object:Gem::Version
|
|
84
|
+
version: '0'
|
|
85
|
+
none: false
|
|
86
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
87
|
+
requirements:
|
|
88
|
+
- - ! '>='
|
|
89
|
+
- !ruby/object:Gem::Version
|
|
90
|
+
version: '0'
|
|
91
|
+
none: false
|
|
92
|
+
requirements: []
|
|
93
|
+
rubyforge_project:
|
|
94
|
+
rubygems_version: 1.8.24
|
|
95
|
+
signing_key:
|
|
96
|
+
specification_version: 3
|
|
97
|
+
summary: Integrate the Koenpunt / create_option Chosen fork javascript library fork
|
|
98
|
+
which allows adding options with Rails asset pipeline
|
|
99
|
+
test_files: []
|