chosen-sass-bootstrap-rails 0.0.1 → 0.0.2
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.
- checksums.yaml +7 -0
- data/.gitignore +1 -0
- data/README.md +6 -4
- data/chosen-sass-bootstrap-rails.gemspec +5 -4
- data/lib/chosen-sass-bootstrap-rails.rb +5 -0
- data/vendor/assets/images/chosen-sprite.png +0 -0
- data/vendor/assets/stylesheets/chosen_bootstrap.css.scss +289 -273
- data/vendor/assets/stylesheets/chosen_bootstrap_variables.css.scss +18 -0
- metadata +35 -27
checksums.yaml
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
---
|
|
2
|
+
SHA1:
|
|
3
|
+
metadata.gz: 61cdca33a3bedce52f3483f78aa64aebcf6032c1
|
|
4
|
+
data.tar.gz: f54eb2cb1030595fc798b1fc32f7485b78822b98
|
|
5
|
+
SHA512:
|
|
6
|
+
metadata.gz: a5cb5ce102b73800148d1954d70df38d67223697da55311339c28573dfeabbd75e664eeb49d9b2df18a683d8e80642730e3b65bf27b8b0b3e09c744bbdd314cb
|
|
7
|
+
data.tar.gz: b200b30114905fde05483809c68714b0c8866880c1b14a79e5ddb864116e3fe299a8ec6cfd6f1d5fb704e95da06fc9098b7ed3e0f87a44e97e04a7538253f1c5
|
data/.gitignore
CHANGED
data/README.md
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
# Chosen::Sass::Bootstrap::Rails
|
|
2
2
|
|
|
3
|
-
Just a Gemified version of
|
|
3
|
+
Just a Gemified version of chosen-sass-bootstrap, by @joeylomanto.
|
|
4
|
+
Uses chosen-rails, by @tsechingho.
|
|
4
5
|
|
|
5
6
|
## Installation
|
|
6
7
|
|
|
@@ -18,10 +19,11 @@ Or install it yourself as:
|
|
|
18
19
|
|
|
19
20
|
## Usage
|
|
20
21
|
|
|
22
|
+
Follow the `jquery-rails` instructions (https://github.com/tsechingho/chosen-rails),
|
|
23
|
+
specifically include the chosen javascript assets and enable chosen javascript.
|
|
21
24
|
|
|
22
|
-
|
|
23
|
-
application.css and you are ready to go.
|
|
24
|
-
|
|
25
|
+
Include the chosen stylesheet assets but use `require chosen_bootstrap` instead of
|
|
26
|
+
`require chosen` in your `application.css` and you are ready to go.
|
|
25
27
|
|
|
26
28
|
## Contributing
|
|
27
29
|
|
|
@@ -4,10 +4,10 @@ $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
|
|
|
4
4
|
|
|
5
5
|
Gem::Specification.new do |gem|
|
|
6
6
|
gem.name = "chosen-sass-bootstrap-rails"
|
|
7
|
-
gem.version = "0.0.
|
|
7
|
+
gem.version = "0.0.2"
|
|
8
8
|
gem.authors = ["Carlos Alexandro Becker"]
|
|
9
9
|
gem.email = ["caarlos0@gmail.com"]
|
|
10
|
-
gem.description = %q{Just a Gemified version of
|
|
10
|
+
gem.description = %q{Just a Gemified version of chosen-sass-bootstrap, by @joeylomanto}
|
|
11
11
|
gem.summary = %q{Same as description}
|
|
12
12
|
gem.homepage = ""
|
|
13
13
|
|
|
@@ -15,7 +15,8 @@ Gem::Specification.new do |gem|
|
|
|
15
15
|
gem.executables = gem.files.grep(%r{^bin/}).map{ |f| File.basename(f) }
|
|
16
16
|
gem.test_files = gem.files.grep(%r{^(test|spec|features)/})
|
|
17
17
|
gem.require_paths = ["lib"]
|
|
18
|
-
gem.add_dependency "bootstrap-sass", "~>
|
|
19
|
-
gem.add_dependency "sass-rails", "~>
|
|
18
|
+
gem.add_dependency "bootstrap-sass", "~> 3.1"
|
|
19
|
+
gem.add_dependency "sass-rails", "~> 4.0"
|
|
20
|
+
gem.add_dependency "compass-rails", "~> 1.1"
|
|
20
21
|
gem.add_dependency "chosen-rails"
|
|
21
22
|
end
|
|
Binary file
|
|
@@ -1,129 +1,226 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
@import "bootstrap/mixins";
|
|
17
|
-
@import "bootstrap/variables";
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
// Base
|
|
21
|
-
// ------------------------------------------
|
|
22
|
-
|
|
23
|
-
.chzn-container {
|
|
24
|
-
position: relative;
|
|
1
|
+
//
|
|
2
|
+
// bootstrap-chosen.scss
|
|
3
|
+
//
|
|
4
|
+
// An alternate stylesheet for Chosen (http://harvesthq.github.com/chosen/).
|
|
5
|
+
// This one is supposed to integrate better with Bootstrap.
|
|
6
|
+
//
|
|
7
|
+
// Submit bugfixes to: http://github.com/alxlit/bootstrap-chosen
|
|
8
|
+
//
|
|
9
|
+
|
|
10
|
+
@import "chosen_bootstrap_variables";
|
|
11
|
+
|
|
12
|
+
.chosen-select { width: 100%; }
|
|
13
|
+
.chosen-select-deselect { width: 100%; }
|
|
14
|
+
|
|
15
|
+
.chosen-container {
|
|
25
16
|
display: inline-block;
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
background:
|
|
32
|
-
border: 1px solid
|
|
17
|
+
font-size: $font-size-base;
|
|
18
|
+
position: relative;
|
|
19
|
+
vertical-align: middle;
|
|
20
|
+
|
|
21
|
+
.chosen-drop {
|
|
22
|
+
background: $chosen-background;
|
|
23
|
+
border: 1px solid $chosen-drop-border;
|
|
24
|
+
border-top-color: lighten($chosen-drop-border, 25%);
|
|
25
|
+
@include border-bottom-radius($chosen-border-radius);
|
|
26
|
+
@include box-shadow($chosen-drop-box-shadow);
|
|
27
|
+
margin-top: -1px;
|
|
33
28
|
position: absolute;
|
|
34
|
-
top:
|
|
29
|
+
top: 100%;
|
|
30
|
+
left: -9000px;
|
|
31
|
+
z-index: $chosen-drop-zindex;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
&.chosen-with-drop .chosen-drop {
|
|
35
35
|
left: 0;
|
|
36
|
-
|
|
37
|
-
margin: 4px 0 0;
|
|
36
|
+
right: 0;
|
|
38
37
|
}
|
|
39
|
-
}
|
|
40
38
|
|
|
39
|
+
.chosen-results {
|
|
40
|
+
color: $gray;
|
|
41
|
+
margin: 0 4px 4px 0;
|
|
42
|
+
max-height: 240px;
|
|
43
|
+
padding: 0 0 0 4px;
|
|
44
|
+
position: relative;
|
|
45
|
+
overflow-x: hidden;
|
|
46
|
+
overflow-y: auto;
|
|
47
|
+
-webkit-overflow-scrolling: touch;
|
|
48
|
+
|
|
49
|
+
li {
|
|
50
|
+
display: none;
|
|
51
|
+
line-height: $line-height-base; // 15px;
|
|
52
|
+
list-style: none;
|
|
53
|
+
margin: 0;
|
|
54
|
+
padding: 5px 6px;
|
|
41
55
|
|
|
42
|
-
|
|
43
|
-
|
|
56
|
+
em {
|
|
57
|
+
background: #feffde;
|
|
58
|
+
font-style: normal;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
&.group-result {
|
|
62
|
+
display: list-item;
|
|
63
|
+
cursor: default;
|
|
64
|
+
color: #999;
|
|
65
|
+
font-weight: bold;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
&.group-option {
|
|
69
|
+
padding-left: 15px;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
&.active-result {
|
|
73
|
+
cursor: pointer;
|
|
74
|
+
display: list-item;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
&.highlighted {
|
|
78
|
+
background-color: $link-color;
|
|
79
|
+
color: white;
|
|
80
|
+
|
|
81
|
+
em {
|
|
82
|
+
background: transparent;
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
&.disabled-result {
|
|
87
|
+
display: list-item;
|
|
88
|
+
color: $gray-light;
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.no-results {
|
|
93
|
+
background: $gray-lighter;
|
|
94
|
+
display: list-item;
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
.chosen-results-scroll {
|
|
99
|
+
background: white;
|
|
100
|
+
margin: 0 4px;
|
|
101
|
+
position: absolute;
|
|
102
|
+
text-align: center;
|
|
103
|
+
width: 321px;
|
|
104
|
+
z-index: 1;
|
|
105
|
+
|
|
106
|
+
span {
|
|
107
|
+
display: inline-block;
|
|
108
|
+
height: $line-height-base; // 17px;
|
|
109
|
+
text-indent: -5000px;
|
|
110
|
+
width: 9px;
|
|
111
|
+
}
|
|
112
|
+
}
|
|
44
113
|
|
|
45
|
-
.
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
114
|
+
.chosen-results-scroll-down {
|
|
115
|
+
bottom: 0;
|
|
116
|
+
|
|
117
|
+
span {
|
|
118
|
+
background: url($chosen-sprite-path) no-repeat -4px -3px;
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
.chosen-results-scroll-up {
|
|
123
|
+
span {
|
|
124
|
+
background: url($chosen-sprite-path) no-repeat -22px -3px;
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
.chosen-container-single {
|
|
130
|
+
.chosen-single {
|
|
131
|
+
background-color: $chosen-background;
|
|
132
|
+
@include gradient-vertical(white, $gray-lighter);
|
|
133
|
+
-webkit-background-clip: padding-box;
|
|
134
|
+
-moz-background-clip: padding;
|
|
135
|
+
background-clip: padding-box;
|
|
136
|
+
border: 1px solid $chosen-border;
|
|
137
|
+
@include box-shadow($chosen-box-shadow);
|
|
138
|
+
color: $gray;
|
|
54
139
|
display: block;
|
|
140
|
+
height: $chosen-height;
|
|
55
141
|
overflow: hidden;
|
|
56
|
-
|
|
57
|
-
position: relative;
|
|
58
|
-
height: 28px;
|
|
59
|
-
line-height: 29px;
|
|
142
|
+
line-height: $chosen-height;
|
|
60
143
|
padding: 0 0 0 8px;
|
|
61
|
-
|
|
144
|
+
position: relative;
|
|
62
145
|
text-decoration: none;
|
|
146
|
+
white-space: nowrap;
|
|
147
|
+
|
|
63
148
|
span {
|
|
64
|
-
@include text-overflow();
|
|
65
|
-
margin-right: 26px;
|
|
66
149
|
display: block;
|
|
67
|
-
|
|
68
|
-
|
|
150
|
+
margin-right: 26px;
|
|
151
|
+
@include text-overflow();
|
|
69
152
|
}
|
|
153
|
+
|
|
70
154
|
abbr {
|
|
155
|
+
background: url($chosen-sprite-path) right top no-repeat;
|
|
71
156
|
display: block;
|
|
157
|
+
font-size: 1px;
|
|
158
|
+
height: 10px;
|
|
72
159
|
position: absolute;
|
|
73
160
|
right: 26px;
|
|
74
|
-
top:
|
|
161
|
+
top: ($chosen-height - 10px) / 2;
|
|
75
162
|
width: 12px;
|
|
76
|
-
|
|
77
|
-
font-size: 1px;
|
|
78
|
-
background: url("chosen-sprite.png") right top no-repeat;
|
|
163
|
+
|
|
79
164
|
&:hover {
|
|
80
165
|
background-position: right -11px;
|
|
81
166
|
}
|
|
82
167
|
}
|
|
168
|
+
|
|
169
|
+
&.chosen-disabled .chosen-single abbr:hover {
|
|
170
|
+
background-position: right 2px;
|
|
171
|
+
}
|
|
172
|
+
|
|
83
173
|
div {
|
|
84
|
-
position: absolute;
|
|
85
|
-
right: 0;
|
|
86
|
-
top: 0;
|
|
87
174
|
display: block;
|
|
88
175
|
height: 100%;
|
|
176
|
+
position: absolute;
|
|
177
|
+
top: 0;
|
|
178
|
+
right: 0;
|
|
89
179
|
width: 18px;
|
|
180
|
+
|
|
90
181
|
b {
|
|
91
|
-
background: url(
|
|
182
|
+
background: url($chosen-sprite-path) no-repeat 0 7px;
|
|
92
183
|
display: block;
|
|
93
|
-
width: 100%;
|
|
94
184
|
height: 100%;
|
|
185
|
+
width: 100%;
|
|
95
186
|
}
|
|
96
187
|
}
|
|
97
188
|
}
|
|
98
|
-
|
|
189
|
+
|
|
190
|
+
.chosen-default {
|
|
191
|
+
color: $gray-light;
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
.chosen-search {
|
|
195
|
+
margin: 0;
|
|
99
196
|
padding: 3px 4px;
|
|
100
197
|
position: relative;
|
|
101
|
-
margin: 0;
|
|
102
198
|
white-space: nowrap;
|
|
103
|
-
z-index:
|
|
199
|
+
z-index: $zindex-dropdown;
|
|
200
|
+
|
|
104
201
|
input {
|
|
202
|
+
background: url($chosen-sprite-path) no-repeat 100% -20px, $chosen-background;
|
|
203
|
+
border: 1px solid $chosen-border;
|
|
204
|
+
@include border-top-radius($chosen-border-radius);
|
|
205
|
+
@include border-bottom-radius($chosen-border-radius);
|
|
206
|
+
@include box-shadow($chosen-box-shadow);
|
|
105
207
|
margin: 1px 0;
|
|
106
|
-
padding: 4px 20px 4px
|
|
107
|
-
|
|
208
|
+
padding: 4px 20px 4px 4px;
|
|
209
|
+
width: 100%;
|
|
108
210
|
}
|
|
109
211
|
}
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
}
|
|
118
|
-
&.chzn-disabled {
|
|
119
|
-
.chzn-single abbr:hover {
|
|
120
|
-
background-position: right top;
|
|
121
|
-
}
|
|
212
|
+
|
|
213
|
+
.chosen-drop {
|
|
214
|
+
margin-top: -1px;
|
|
215
|
+
@include border-bottom-radius($chosen-border-radius);
|
|
216
|
+
-webkit-background-clip: padding-box;
|
|
217
|
+
-moz-background-clip: padding;
|
|
218
|
+
background-clip: padding-box;
|
|
122
219
|
}
|
|
123
220
|
}
|
|
124
221
|
|
|
125
|
-
.
|
|
126
|
-
.
|
|
222
|
+
.chosen-container-single-nosearch {
|
|
223
|
+
.chosen-search {
|
|
127
224
|
input {
|
|
128
225
|
position: absolute;
|
|
129
226
|
left: -9000px;
|
|
@@ -131,292 +228,211 @@
|
|
|
131
228
|
}
|
|
132
229
|
}
|
|
133
230
|
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
@include
|
|
141
|
-
@include box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
|
|
142
|
-
@include transition(#{border linear .2s, box-shadow linear .2s});
|
|
143
|
-
background-color: $inputBackground !important;
|
|
144
|
-
border: 1px solid $inputBorder;
|
|
231
|
+
.chosen-container-multi {
|
|
232
|
+
.chosen-choices {
|
|
233
|
+
background-color: $chosen-background;
|
|
234
|
+
border: 1px solid $chosen-border;
|
|
235
|
+
@include border-top-radius($chosen-multi-border-radius);
|
|
236
|
+
@include border-bottom-radius($chosen-multi-border-radius);
|
|
237
|
+
@include box-shadow($chosen-box-shadow);
|
|
145
238
|
cursor: text;
|
|
146
|
-
overflow: hidden;
|
|
147
239
|
height: auto !important;
|
|
148
240
|
height: 1%;
|
|
149
|
-
position: relative;
|
|
150
|
-
display: block;
|
|
151
|
-
padding: 0;
|
|
152
241
|
margin: 0;
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
242
|
+
overflow: hidden;
|
|
243
|
+
padding: 0;
|
|
244
|
+
position: relative;
|
|
245
|
+
|
|
156
246
|
li {
|
|
157
247
|
float: left;
|
|
158
248
|
list-style: none;
|
|
159
249
|
}
|
|
250
|
+
|
|
160
251
|
.search-field {
|
|
161
|
-
white-space: nowrap;
|
|
162
252
|
margin: 0;
|
|
163
253
|
padding: 0;
|
|
254
|
+
white-space: nowrap;
|
|
255
|
+
|
|
164
256
|
input {
|
|
165
|
-
@include box-shadow(none);
|
|
166
|
-
color: $gray;
|
|
167
257
|
background: transparent !important;
|
|
168
258
|
border: 0 !important;
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
height:
|
|
172
|
-
|
|
173
|
-
|
|
259
|
+
@include box-shadow(none);
|
|
260
|
+
color: $gray;
|
|
261
|
+
height: $chosen-multi-height - 8px;
|
|
262
|
+
margin: 0;
|
|
263
|
+
padding: 4px;
|
|
174
264
|
outline: 0;
|
|
175
265
|
}
|
|
266
|
+
|
|
176
267
|
.default {
|
|
177
268
|
color: #999;
|
|
178
269
|
}
|
|
179
270
|
}
|
|
271
|
+
|
|
180
272
|
.search-choice {
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
border
|
|
273
|
+
-webkit-background-clip: padding-box;
|
|
274
|
+
-moz-background-clip: padding;
|
|
275
|
+
background-clip: padding-box;
|
|
276
|
+
background-color: $gray-lighter;
|
|
277
|
+
border: 1px solid $chosen-border;
|
|
278
|
+
@include border-top-radius($chosen-border-radius);
|
|
279
|
+
@include border-bottom-radius($chosen-border-radius);
|
|
280
|
+
@include gradient-vertical(white, $gray-lighter);
|
|
281
|
+
@include box-shadow($chosen-box-shadow);
|
|
282
|
+
color: $gray-dark;
|
|
283
|
+
cursor: default;
|
|
188
284
|
line-height: 13px;
|
|
285
|
+
margin: 6px 0 3px 5px;
|
|
189
286
|
padding: 3px 20px 3px 5px;
|
|
190
|
-
margin: 3px 0 3px 5px;
|
|
191
287
|
position: relative;
|
|
192
|
-
|
|
288
|
+
|
|
193
289
|
.search-choice-close {
|
|
290
|
+
background: url($chosen-sprite-path) right top no-repeat;
|
|
194
291
|
display: block;
|
|
292
|
+
font-size: 1px;
|
|
293
|
+
height: 10px;
|
|
195
294
|
position: absolute;
|
|
196
|
-
right:
|
|
197
|
-
top:
|
|
295
|
+
right: 4px;
|
|
296
|
+
top: 5px;
|
|
198
297
|
width: 12px;
|
|
199
|
-
|
|
200
|
-
font-size: 1px;
|
|
201
|
-
background: url("chosen-sprite.png") right top no-repeat;
|
|
298
|
+
|
|
202
299
|
&:hover {
|
|
203
300
|
background-position: right -11px;
|
|
204
301
|
}
|
|
205
302
|
}
|
|
206
303
|
}
|
|
207
|
-
|
|
208
|
-
@include gradient-vertical-three-colors(#f4f4f4, #f0f0f0, 50%, #e8e8e8);
|
|
209
|
-
color: #666;
|
|
210
|
-
border: 1px solid #cccccc;
|
|
211
|
-
padding-right: 5px;
|
|
212
|
-
}
|
|
304
|
+
|
|
213
305
|
.search-choice-focus {
|
|
214
306
|
background: #d4d4d4;
|
|
307
|
+
|
|
215
308
|
.search-choice-close {
|
|
216
309
|
background-position: right -11px;
|
|
217
310
|
}
|
|
218
311
|
}
|
|
219
312
|
}
|
|
220
|
-
}
|
|
221
|
-
|
|
222
313
|
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
.chzn-container {
|
|
227
|
-
.chzn-results {
|
|
228
|
-
margin: 0 4px 4px 0;
|
|
229
|
-
max-height: 240px;
|
|
230
|
-
padding: 0 0 0 4px;
|
|
231
|
-
position: relative;
|
|
232
|
-
overflow-x: hidden;
|
|
233
|
-
overflow-y: auto;
|
|
234
|
-
-webkit-overflow-scrolling: touch;
|
|
235
|
-
li {
|
|
236
|
-
display: none;
|
|
237
|
-
line-height: 15px;
|
|
238
|
-
padding: 5px 6px;
|
|
239
|
-
margin: 0;
|
|
240
|
-
list-style: none;
|
|
241
|
-
em {
|
|
242
|
-
background: #feffde;
|
|
243
|
-
font-style: normal;
|
|
244
|
-
}
|
|
245
|
-
}
|
|
246
|
-
.no-results {
|
|
247
|
-
background: #f4f4f4;
|
|
248
|
-
display: list-item;
|
|
249
|
-
}
|
|
250
|
-
.group-result {
|
|
251
|
-
cursor: default;
|
|
252
|
-
color: #999;
|
|
253
|
-
font-weight: bold;
|
|
254
|
-
}
|
|
255
|
-
.group-option {
|
|
256
|
-
padding-left: 15px;
|
|
257
|
-
}
|
|
258
|
-
.active-result {
|
|
259
|
-
cursor: pointer;
|
|
260
|
-
display: list-item;
|
|
261
|
-
}
|
|
262
|
-
.highlighted {
|
|
263
|
-
@include gradient-vertical(#3875d7, #2a62bc);
|
|
264
|
-
color: #fff;
|
|
265
|
-
em {
|
|
266
|
-
background: transparent;
|
|
267
|
-
}
|
|
268
|
-
}
|
|
269
|
-
}
|
|
270
|
-
.chzn-results-scroll {
|
|
271
|
-
background: white;
|
|
272
|
-
margin: 0 4px;
|
|
273
|
-
position: absolute;
|
|
274
|
-
text-align: center;
|
|
275
|
-
width: 321px; /* This should by dynamic with js */
|
|
276
|
-
z-index: 1;
|
|
277
|
-
span {
|
|
278
|
-
display: inline-block;
|
|
279
|
-
height: 17px;
|
|
280
|
-
text-indent: -5000px;
|
|
281
|
-
width: 9px;
|
|
282
|
-
}
|
|
283
|
-
}
|
|
284
|
-
.chzn-results-scroll-down {
|
|
285
|
-
bottom: 0;
|
|
286
|
-
span {
|
|
287
|
-
background: url("chosen-sprite.png") no-repeat -4px -3px;
|
|
288
|
-
}
|
|
289
|
-
}
|
|
290
|
-
.chzn-results-scroll-up {
|
|
291
|
-
span {
|
|
292
|
-
background: url("chosen-sprite.png") no-repeat -22px -3px;
|
|
293
|
-
}
|
|
294
|
-
}
|
|
295
|
-
}
|
|
296
|
-
|
|
297
|
-
.chzn-container-multi {
|
|
298
|
-
.chzn-results {
|
|
299
|
-
margin: 4px;
|
|
314
|
+
.chosen-results {
|
|
315
|
+
margin: 0 0 0 0;
|
|
300
316
|
padding: 0;
|
|
301
317
|
}
|
|
302
|
-
|
|
318
|
+
|
|
319
|
+
.chosen-drop {
|
|
303
320
|
.result-selected {
|
|
304
321
|
display: none;
|
|
305
322
|
}
|
|
306
323
|
}
|
|
307
324
|
}
|
|
308
325
|
|
|
309
|
-
.
|
|
310
|
-
.
|
|
311
|
-
border: 1px solid
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
}
|
|
326
|
+
.chosen-container-active {
|
|
327
|
+
.chosen-single {
|
|
328
|
+
border: 1px solid $chosen-focus-border;
|
|
329
|
+
@include box-shadow($chosen-focus-box-shadow);
|
|
330
|
+
@include transition($chosen-focus-transition);
|
|
315
331
|
}
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
332
|
+
|
|
333
|
+
&.chosen-with-drop .chosen-single {
|
|
334
|
+
background-color: $gray-lighter;
|
|
335
|
+
border: 1px solid $chosen-focus-border;
|
|
336
|
+
@include box-shadow($chosen-focus-box-shadow);
|
|
337
|
+
@include transition($chosen-focus-transition);
|
|
338
|
+
|
|
319
339
|
div {
|
|
320
340
|
background: transparent;
|
|
321
341
|
border-left: none;
|
|
342
|
+
|
|
322
343
|
b {
|
|
323
|
-
background-position: -18px
|
|
344
|
+
background-position: -18px 7px;
|
|
324
345
|
}
|
|
325
346
|
}
|
|
326
347
|
}
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
border: 1px solid
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
348
|
+
|
|
349
|
+
.chosen-choices {
|
|
350
|
+
border: 1px solid $chosen-focus-border;
|
|
351
|
+
@include border-bottom-radius(0);
|
|
352
|
+
@include box-shadow($chosen-focus-box-shadow);
|
|
353
|
+
@include transition($chosen-focus-transition);
|
|
354
|
+
|
|
355
|
+
.search-field input {
|
|
356
|
+
color: #111 !important;
|
|
336
357
|
}
|
|
337
358
|
}
|
|
338
359
|
}
|
|
339
360
|
|
|
340
|
-
|
|
341
|
-
// Chosen Disabled
|
|
342
|
-
// ------------------------------------------
|
|
343
|
-
|
|
344
|
-
.chzn-disabled {
|
|
345
|
-
@include opacity(0.5);
|
|
361
|
+
.chosen-disabled {
|
|
346
362
|
cursor: default;
|
|
347
|
-
.
|
|
363
|
+
opacity: 0.5 !important;
|
|
364
|
+
|
|
365
|
+
.chosen-single {
|
|
348
366
|
cursor: default;
|
|
349
367
|
}
|
|
350
|
-
|
|
368
|
+
|
|
369
|
+
.chosen-choices .search-choice .search-choice-close {
|
|
351
370
|
cursor: default;
|
|
352
371
|
}
|
|
353
372
|
}
|
|
354
373
|
|
|
355
|
-
|
|
356
|
-
// Chosen RTL (Right to Left)
|
|
357
|
-
// ------------------------------------------
|
|
358
|
-
|
|
359
|
-
.chzn-rtl {
|
|
374
|
+
.chosen-rtl {
|
|
360
375
|
text-align: right;
|
|
361
|
-
|
|
376
|
+
|
|
377
|
+
.chosen-single {
|
|
362
378
|
padding: 0 8px 0 0;
|
|
363
379
|
overflow: visible;
|
|
380
|
+
|
|
364
381
|
span {
|
|
365
382
|
margin-left: 26px;
|
|
366
383
|
margin-right: 0;
|
|
367
384
|
direction: rtl;
|
|
368
385
|
}
|
|
386
|
+
|
|
369
387
|
div {
|
|
370
|
-
left:
|
|
388
|
+
left: 7px;
|
|
371
389
|
right: auto;
|
|
372
390
|
}
|
|
391
|
+
|
|
373
392
|
abbr {
|
|
374
393
|
left: 26px;
|
|
375
394
|
right: auto;
|
|
376
395
|
}
|
|
377
396
|
}
|
|
378
|
-
|
|
397
|
+
|
|
398
|
+
.chosen-choices {
|
|
399
|
+
.search-field input {
|
|
400
|
+
direction: rtl;
|
|
401
|
+
}
|
|
402
|
+
|
|
379
403
|
li {
|
|
380
404
|
float: right;
|
|
381
405
|
}
|
|
382
|
-
|
|
383
|
-
input {
|
|
384
|
-
direction: rtl;
|
|
385
|
-
}
|
|
386
|
-
}
|
|
406
|
+
|
|
387
407
|
.search-choice {
|
|
408
|
+
margin: 6px 5px 3px 0;
|
|
388
409
|
padding: 3px 5px 3px 19px;
|
|
389
|
-
|
|
410
|
+
|
|
390
411
|
.search-choice-close {
|
|
412
|
+
background-position: right top;
|
|
391
413
|
left: 4px;
|
|
392
414
|
right: auto;
|
|
393
|
-
background-position: right top;
|
|
394
415
|
}
|
|
395
416
|
}
|
|
396
417
|
}
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
}
|
|
418
|
+
|
|
419
|
+
&.chosen-container-single .chosen-results {
|
|
420
|
+
margin: 0 0 4px 4px;
|
|
421
|
+
padding: 0 4px 0 0;
|
|
402
422
|
}
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
}
|
|
423
|
+
|
|
424
|
+
.chosen-results .group-option {
|
|
425
|
+
padding-left: 0;
|
|
426
|
+
padding-right: 15px;
|
|
408
427
|
}
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
padding: 0 4px 0 0;
|
|
413
|
-
}
|
|
428
|
+
|
|
429
|
+
&.chosen-container-active.chosen-with-drop .chosen-single div {
|
|
430
|
+
border-right: none;
|
|
414
431
|
}
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
}
|
|
432
|
+
|
|
433
|
+
.chosen-search input {
|
|
434
|
+
background: url($chosen-sprite-path) no-repeat -28px -20px, $chosen-background;
|
|
435
|
+
direction: rtl;
|
|
436
|
+
padding: 4px 5px 4px 20px;
|
|
421
437
|
}
|
|
422
|
-
}
|
|
438
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
@import "bootstrap/mixins";
|
|
2
|
+
@import "bootstrap/variables";
|
|
3
|
+
|
|
4
|
+
$chosen-background: $input-bg !default;
|
|
5
|
+
$chosen-border: $input-border !default;
|
|
6
|
+
$chosen-border-radius: $input-border-radius !default;
|
|
7
|
+
$chosen-multi-border-radius: 4px !default;
|
|
8
|
+
$chosen-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !default;
|
|
9
|
+
$chosen-drop-border: $gray-light !default;
|
|
10
|
+
$chosen-drop-box-shadow: 0 8px 8px rgba(0, 0, 0, .25) !default;
|
|
11
|
+
$chosen-drop-zindex: 1060 !default;
|
|
12
|
+
$chosen-border-color:rgba(82, 168, 236, .8) !default;
|
|
13
|
+
$chosen-focus-border: $chosen-border-color !default;
|
|
14
|
+
$chosen-focus-box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px $chosen-border-color !default;
|
|
15
|
+
$chosen-focus-transition: border linear .2s, box-shadow linear .2s !default;
|
|
16
|
+
$chosen-height: $input-height-base !default;
|
|
17
|
+
$chosen-multi-height: $input-height-base + 6px !default;
|
|
18
|
+
$chosen-sprite-path: 'chosen-sprite.png' !default;
|
metadata
CHANGED
|
@@ -1,101 +1,109 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: chosen-sass-bootstrap-rails
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.0.
|
|
5
|
-
prerelease:
|
|
4
|
+
version: 0.0.2
|
|
6
5
|
platform: ruby
|
|
7
6
|
authors:
|
|
8
7
|
- Carlos Alexandro Becker
|
|
9
8
|
autorequire:
|
|
10
9
|
bindir: bin
|
|
11
10
|
cert_chain: []
|
|
12
|
-
date:
|
|
11
|
+
date: 2014-06-11 00:00:00.000000000 Z
|
|
13
12
|
dependencies:
|
|
14
13
|
- !ruby/object:Gem::Dependency
|
|
15
14
|
name: bootstrap-sass
|
|
16
15
|
requirement: !ruby/object:Gem::Requirement
|
|
17
|
-
none: false
|
|
18
16
|
requirements:
|
|
19
|
-
- - ~>
|
|
17
|
+
- - "~>"
|
|
20
18
|
- !ruby/object:Gem::Version
|
|
21
|
-
version:
|
|
19
|
+
version: '3.1'
|
|
22
20
|
type: :runtime
|
|
23
21
|
prerelease: false
|
|
24
22
|
version_requirements: !ruby/object:Gem::Requirement
|
|
25
|
-
none: false
|
|
26
23
|
requirements:
|
|
27
|
-
- - ~>
|
|
24
|
+
- - "~>"
|
|
28
25
|
- !ruby/object:Gem::Version
|
|
29
|
-
version:
|
|
26
|
+
version: '3.1'
|
|
30
27
|
- !ruby/object:Gem::Dependency
|
|
31
28
|
name: sass-rails
|
|
32
29
|
requirement: !ruby/object:Gem::Requirement
|
|
33
|
-
none: false
|
|
34
30
|
requirements:
|
|
35
|
-
- - ~>
|
|
31
|
+
- - "~>"
|
|
36
32
|
- !ruby/object:Gem::Version
|
|
37
|
-
version:
|
|
33
|
+
version: '4.0'
|
|
38
34
|
type: :runtime
|
|
39
35
|
prerelease: false
|
|
40
36
|
version_requirements: !ruby/object:Gem::Requirement
|
|
41
|
-
none: false
|
|
42
37
|
requirements:
|
|
43
|
-
- - ~>
|
|
38
|
+
- - "~>"
|
|
44
39
|
- !ruby/object:Gem::Version
|
|
45
|
-
version:
|
|
40
|
+
version: '4.0'
|
|
41
|
+
- !ruby/object:Gem::Dependency
|
|
42
|
+
name: compass-rails
|
|
43
|
+
requirement: !ruby/object:Gem::Requirement
|
|
44
|
+
requirements:
|
|
45
|
+
- - "~>"
|
|
46
|
+
- !ruby/object:Gem::Version
|
|
47
|
+
version: '1.1'
|
|
48
|
+
type: :runtime
|
|
49
|
+
prerelease: false
|
|
50
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
51
|
+
requirements:
|
|
52
|
+
- - "~>"
|
|
53
|
+
- !ruby/object:Gem::Version
|
|
54
|
+
version: '1.1'
|
|
46
55
|
- !ruby/object:Gem::Dependency
|
|
47
56
|
name: chosen-rails
|
|
48
57
|
requirement: !ruby/object:Gem::Requirement
|
|
49
|
-
none: false
|
|
50
58
|
requirements:
|
|
51
|
-
- -
|
|
59
|
+
- - ">="
|
|
52
60
|
- !ruby/object:Gem::Version
|
|
53
61
|
version: '0'
|
|
54
62
|
type: :runtime
|
|
55
63
|
prerelease: false
|
|
56
64
|
version_requirements: !ruby/object:Gem::Requirement
|
|
57
|
-
none: false
|
|
58
65
|
requirements:
|
|
59
|
-
- -
|
|
66
|
+
- - ">="
|
|
60
67
|
- !ruby/object:Gem::Version
|
|
61
68
|
version: '0'
|
|
62
|
-
description: Just a Gemified version of
|
|
69
|
+
description: Just a Gemified version of chosen-sass-bootstrap, by @joeylomanto
|
|
63
70
|
email:
|
|
64
71
|
- caarlos0@gmail.com
|
|
65
72
|
executables: []
|
|
66
73
|
extensions: []
|
|
67
74
|
extra_rdoc_files: []
|
|
68
75
|
files:
|
|
69
|
-
- .gitignore
|
|
76
|
+
- ".gitignore"
|
|
70
77
|
- Gemfile
|
|
71
78
|
- LICENSE.txt
|
|
72
79
|
- README.md
|
|
73
80
|
- Rakefile
|
|
74
81
|
- chosen-sass-bootstrap-rails.gemspec
|
|
75
82
|
- lib/chosen-sass-bootstrap-rails.rb
|
|
83
|
+
- vendor/assets/images/chosen-sprite.png
|
|
76
84
|
- vendor/assets/stylesheets/chosen_bootstrap.css.scss
|
|
85
|
+
- vendor/assets/stylesheets/chosen_bootstrap_variables.css.scss
|
|
77
86
|
homepage: ''
|
|
78
87
|
licenses: []
|
|
88
|
+
metadata: {}
|
|
79
89
|
post_install_message:
|
|
80
90
|
rdoc_options: []
|
|
81
91
|
require_paths:
|
|
82
92
|
- lib
|
|
83
93
|
required_ruby_version: !ruby/object:Gem::Requirement
|
|
84
|
-
none: false
|
|
85
94
|
requirements:
|
|
86
|
-
- -
|
|
95
|
+
- - ">="
|
|
87
96
|
- !ruby/object:Gem::Version
|
|
88
97
|
version: '0'
|
|
89
98
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
90
|
-
none: false
|
|
91
99
|
requirements:
|
|
92
|
-
- -
|
|
100
|
+
- - ">="
|
|
93
101
|
- !ruby/object:Gem::Version
|
|
94
102
|
version: '0'
|
|
95
103
|
requirements: []
|
|
96
104
|
rubyforge_project:
|
|
97
|
-
rubygems_version:
|
|
105
|
+
rubygems_version: 2.2.2
|
|
98
106
|
signing_key:
|
|
99
|
-
specification_version:
|
|
107
|
+
specification_version: 4
|
|
100
108
|
summary: Same as description
|
|
101
109
|
test_files: []
|