tail-select-rails 1.0.2 → 1.0.4
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 +4 -4
- data/Readme.md +2 -1
- data/app/assets/javascripts/tail.select.js +1567 -523
- data/app/assets/stylesheets/tail.select.css +383 -181
- metadata +2 -3
- data/app/assets/javascripts/tail.select.min.js +0 -11
|
@@ -1,254 +1,456 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
--tail-select--accent: #3742fa;
|
|
10
|
-
|
|
11
|
-
--tail-select--selection: rgba(0, 0, 0, 0.05);
|
|
12
|
-
--tail-select--selection-text: #ffffff;
|
|
13
|
-
--tail-select--selection-muted: rgb(147 197 253 / 1);
|
|
1
|
+
.tail-select,
|
|
2
|
+
.tail-select *,
|
|
3
|
+
.tail-select :after,
|
|
4
|
+
.tail-select :before {
|
|
5
|
+
box-sizing: border-box;
|
|
6
|
+
-moz-box-sizing: border-box;
|
|
7
|
+
-webkit-box-sizing: border-box
|
|
14
8
|
}
|
|
15
9
|
|
|
16
|
-
|
|
17
|
-
|
|
10
|
+
.tail-select,
|
|
11
|
+
.tail-select * {
|
|
12
|
+
outline: 0;
|
|
13
|
+
user-select: none;
|
|
14
|
+
-o-user-select: none;
|
|
15
|
+
-ms-user-select: none;
|
|
16
|
+
-moz-user-select: none;
|
|
17
|
+
-webkit-user-select: none
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
-
|
|
21
|
-
|
|
20
|
+
.tail-select {
|
|
21
|
+
width: 275px;
|
|
22
|
+
margin: 0;
|
|
23
|
+
padding: 0;
|
|
24
|
+
display: inline-block;
|
|
25
|
+
position: relative;
|
|
26
|
+
font-size: 1rem;
|
|
27
|
+
line-height: 1.5;
|
|
28
|
+
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
|
|
29
|
+
}
|
|
22
30
|
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
31
|
+
.tail-select mark {
|
|
32
|
+
color: #fff;
|
|
33
|
+
background-color: #7dbb00
|
|
34
|
+
}
|
|
27
35
|
|
|
28
|
-
|
|
36
|
+
.tail-select button {
|
|
37
|
+
outline: 0
|
|
38
|
+
}
|
|
29
39
|
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
40
|
+
.tail-select button.tail-all,
|
|
41
|
+
.tail-select button.tail-none {
|
|
42
|
+
height: auto;
|
|
43
|
+
margin: 0 2px;
|
|
44
|
+
padding: 2px 6px;
|
|
45
|
+
display: inline-block;
|
|
46
|
+
font-size: 10px;
|
|
47
|
+
line-height: 14px;
|
|
48
|
+
text-shadow: none;
|
|
49
|
+
letter-spacing: 0;
|
|
50
|
+
text-transform: none;
|
|
51
|
+
vertical-align: top;
|
|
52
|
+
border-width: 1px;
|
|
53
|
+
border-style: solid;
|
|
54
|
+
border-color: transparent;
|
|
55
|
+
border-radius: 3px;
|
|
56
|
+
box-shadow: none;
|
|
57
|
+
-webkit-box-shadow: none;
|
|
58
|
+
transition: color 142ms linear, border 142ms linear, background 142ms linear;
|
|
59
|
+
-webkit-transition: color 142ms linear, border 142ms linear, background 142ms linear
|
|
33
60
|
}
|
|
34
61
|
|
|
35
|
-
.tail-select
|
|
36
|
-
|
|
62
|
+
.tail-select button.tail-all {
|
|
63
|
+
color: #aaa;
|
|
64
|
+
border-color: #ccc;
|
|
65
|
+
background-color: transparent
|
|
37
66
|
}
|
|
38
67
|
|
|
39
|
-
.tail-select
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
align-items: center;
|
|
45
|
-
user-select: none;
|
|
68
|
+
.tail-select button.tail-all:hover {
|
|
69
|
+
color: #62c462;
|
|
70
|
+
border-color: #62c462;
|
|
71
|
+
background-color: transparent
|
|
72
|
+
}
|
|
46
73
|
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
74
|
+
.tail-select button.tail-none {
|
|
75
|
+
color: #aaa;
|
|
76
|
+
border-color: #ccc;
|
|
77
|
+
background-color: transparent
|
|
78
|
+
}
|
|
52
79
|
|
|
53
|
-
|
|
54
|
-
color:
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
border: 1px solid var(--tail-select--meta);
|
|
59
|
-
border-radius: 3px;
|
|
60
|
-
box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.05);
|
|
80
|
+
.tail-select button.tail-none:hover {
|
|
81
|
+
color: #ee5f5b;
|
|
82
|
+
border-color: #ee5f5b;
|
|
83
|
+
background-color: transparent
|
|
84
|
+
}
|
|
61
85
|
|
|
62
|
-
|
|
86
|
+
.tail-select.disabled button.tail-all {
|
|
87
|
+
color: #ccc;
|
|
88
|
+
border-color: #ccc;
|
|
89
|
+
background-color: #f0f0f0
|
|
63
90
|
}
|
|
64
|
-
|
|
65
|
-
|
|
91
|
+
|
|
92
|
+
.tail-select.disabled button.tail-none {
|
|
93
|
+
color: #ccc;
|
|
94
|
+
border-color: #ccc;
|
|
95
|
+
background-color: #f0f0f0
|
|
66
96
|
}
|
|
67
97
|
|
|
68
|
-
.tail-select
|
|
69
|
-
|
|
70
|
-
font-family: inherit;
|
|
71
|
-
color: var(--tail-select--text);
|
|
72
|
-
border: 0 none;
|
|
73
|
-
border-radius: initial;
|
|
74
|
-
border-width: 0;
|
|
75
|
-
border-color: transparent;
|
|
76
|
-
background-color: transparent;
|
|
77
|
-
display: inline-block;
|
|
98
|
+
.tail-select input[type=text] {
|
|
99
|
+
color: #343a40;
|
|
78
100
|
width: 100%;
|
|
79
|
-
|
|
80
|
-
font-size: 13px;
|
|
101
|
+
height: 30px;
|
|
81
102
|
margin: 0;
|
|
82
|
-
padding:
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
103
|
+
padding: .25rem .5rem;
|
|
104
|
+
display: inline-block;
|
|
105
|
+
font-size: .875rem;
|
|
106
|
+
line-height: 1.5;
|
|
107
|
+
vertical-align: middle;
|
|
108
|
+
background-color: transparent;
|
|
109
|
+
border-width: 1px;
|
|
110
|
+
border-style: solid;
|
|
111
|
+
border-color: #ccc;
|
|
112
|
+
border-radius: .2rem;
|
|
113
|
+
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
|
|
114
|
+
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
|
|
115
|
+
transition: border 142ms linear, box-shadow 142ms linear;
|
|
116
|
+
-webkit-transition: border 142ms linear, box-shadow 142ms linear
|
|
88
117
|
}
|
|
89
118
|
|
|
90
|
-
.tail-select
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
background-
|
|
94
|
-
background-size: 1.5em 1.5em;
|
|
95
|
-
background-repeat: no-repeat;
|
|
119
|
+
.tail-select input[type=text]:hover {
|
|
120
|
+
color: #343a40;
|
|
121
|
+
border-color: #b3b3b3;
|
|
122
|
+
background-color: transparent
|
|
96
123
|
}
|
|
97
|
-
|
|
98
|
-
.tail-select
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
.tail-select.tail--multiple input[type="text"].tail--search {
|
|
103
|
-
width: calc(100% - 32px);
|
|
124
|
+
|
|
125
|
+
.tail-select input[type=text]:focus {
|
|
126
|
+
color: #7dbb00;
|
|
127
|
+
border-color: #7dbb00;
|
|
128
|
+
background-color: transparent
|
|
104
129
|
}
|
|
105
130
|
|
|
106
|
-
.tail-select
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
transform: translateY(-50%);
|
|
131
|
+
.tail-select.disabled input[type=text] {
|
|
132
|
+
color: #e6e6e6;
|
|
133
|
+
border-color: #ccc;
|
|
134
|
+
background-color: #e6e6e6
|
|
111
135
|
}
|
|
112
136
|
|
|
113
|
-
.tail-select
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
width: 24px;
|
|
119
|
-
display: inline-block;
|
|
120
|
-
border-right: 1px solid var(--tail-select--muted);
|
|
121
|
-
padding: 0 0px 0 0;
|
|
122
|
-
margin: 0 8px 0 0;
|
|
137
|
+
.tail-select-container {
|
|
138
|
+
margin: 0;
|
|
139
|
+
padding: 3px;
|
|
140
|
+
text-align: left;
|
|
141
|
+
border-radius: 3px
|
|
123
142
|
}
|
|
124
143
|
|
|
125
|
-
.tail-select
|
|
126
|
-
.tail-select button.uncheck {
|
|
144
|
+
.tail-select-container .select-handle {
|
|
127
145
|
width: auto;
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
146
|
+
color: #fff;
|
|
147
|
+
cursor: pointer;
|
|
148
|
+
margin: 1px;
|
|
149
|
+
padding: .2em .6em .3em;
|
|
131
150
|
display: inline-block;
|
|
132
|
-
|
|
133
|
-
font-size:
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
text-
|
|
151
|
+
position: relative;
|
|
152
|
+
font-size: 11.844px;
|
|
153
|
+
text-align: left;
|
|
154
|
+
font-weight: 700;
|
|
155
|
+
line-height: 16px;
|
|
156
|
+
text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
|
|
138
157
|
vertical-align: top;
|
|
139
|
-
|
|
158
|
+
background-color: #7dbb00;
|
|
159
|
+
border-width: 0;
|
|
140
160
|
border-style: solid;
|
|
141
161
|
border-color: transparent;
|
|
142
162
|
border-radius: 3px;
|
|
143
|
-
|
|
163
|
+
transition: background 142ms linear;
|
|
164
|
+
-webkit-transition: background 142ms linear
|
|
165
|
+
}
|
|
144
166
|
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
background-color:
|
|
148
|
-
backdrop-filter: blur(2px);
|
|
167
|
+
.tail-select-container .select-handle:hover {
|
|
168
|
+
color: #fff;
|
|
169
|
+
background-color: #005580
|
|
149
170
|
}
|
|
150
|
-
|
|
151
|
-
|
|
171
|
+
|
|
172
|
+
.tail-select-container.select-label .select-handle {
|
|
173
|
+
margin: 5px 3px
|
|
152
174
|
}
|
|
153
|
-
|
|
154
|
-
.tail-select
|
|
155
|
-
|
|
156
|
-
|
|
175
|
+
|
|
176
|
+
.tail-select .select-label {
|
|
177
|
+
cursor: pointer;
|
|
178
|
+
color: #343a40;
|
|
179
|
+
width: 100%;
|
|
180
|
+
margin: 0;
|
|
181
|
+
padding: 0 30px 0 0;
|
|
182
|
+
display: block;
|
|
183
|
+
position: relative;
|
|
184
|
+
text-align: left;
|
|
185
|
+
background-color: #fff;
|
|
186
|
+
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20viewBox%3D'0%200%204%205'%3E%3Cpath%20fill%3D'%23343A40'%20d%3D'M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E");
|
|
187
|
+
background-repeat: no-repeat;
|
|
188
|
+
background-position: center right .75rem;
|
|
189
|
+
background-size: 8px 10px;
|
|
190
|
+
border-width: 1px;
|
|
191
|
+
border-style: solid;
|
|
192
|
+
border-color: #ccc;
|
|
193
|
+
border-radius: 3px;
|
|
194
|
+
transition: border 142ms linear, background 142ms linear, box-shadow 142ms linear;
|
|
195
|
+
-webkit-transition: border 142ms linear, background 142ms linear, box-shadow 142ms linear
|
|
157
196
|
}
|
|
158
197
|
|
|
198
|
+
.tail-select .select-label:hover {
|
|
199
|
+
color: #343a40;
|
|
200
|
+
border-color: #b9b9b9;
|
|
201
|
+
background-color: #ececec
|
|
202
|
+
}
|
|
159
203
|
|
|
160
|
-
.tail-select
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.05);
|
|
204
|
+
.tail-select .select-label .label-count,
|
|
205
|
+
.tail-select .select-label .label-inner {
|
|
206
|
+
width: auto;
|
|
207
|
+
margin: 0;
|
|
208
|
+
display: inline-block;
|
|
209
|
+
text-align: left;
|
|
210
|
+
vertical-align: top
|
|
211
|
+
}
|
|
169
212
|
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
213
|
+
.tail-select .select-label .label-count {
|
|
214
|
+
float: left;
|
|
215
|
+
color: #fff;
|
|
216
|
+
margin: 10px -3px 0 9px;
|
|
217
|
+
padding: .25em .4em;
|
|
218
|
+
display: inline-block;
|
|
219
|
+
font-size: 75%;
|
|
220
|
+
font-weight: 700;
|
|
221
|
+
line-height: 1;
|
|
222
|
+
text-shadow: none;
|
|
223
|
+
white-space: nowrap;
|
|
224
|
+
border-radius: .25rem;
|
|
225
|
+
background-color: #343a40
|
|
175
226
|
}
|
|
176
227
|
|
|
177
|
-
.tail-select .
|
|
178
|
-
|
|
179
|
-
|
|
228
|
+
.tail-select .select-label .label-inner {
|
|
229
|
+
margin: 0;
|
|
230
|
+
padding: .375rem .75rem;
|
|
231
|
+
display: block;
|
|
232
|
+
overflow: hidden;
|
|
233
|
+
white-space: nowrap;
|
|
234
|
+
text-overflow: ellipsis
|
|
180
235
|
}
|
|
181
|
-
|
|
236
|
+
|
|
237
|
+
.tail-select.active .select-label {
|
|
238
|
+
color: #343a40;
|
|
239
|
+
border-color: #7dbb00;
|
|
240
|
+
background-color: #ececec;
|
|
241
|
+
box-shadow: 0 0 0 .2rem rgba(0, 136, 204, .35);
|
|
242
|
+
-webkit-box-shadow: 0 0 0 .2rem rgba(0, 136, 204, .35)
|
|
243
|
+
}
|
|
244
|
+
|
|
245
|
+
.tail-select .select-dropdown {
|
|
246
|
+
top: 100%;
|
|
247
|
+
left: 0;
|
|
248
|
+
color: #343a40;
|
|
249
|
+
width: 100%;
|
|
250
|
+
margin: .125rem 0 0;
|
|
182
251
|
padding: 0;
|
|
252
|
+
z-index: 27;
|
|
253
|
+
display: none;
|
|
254
|
+
position: absolute;
|
|
255
|
+
background-color: #fff;
|
|
256
|
+
border-width: 1px;
|
|
257
|
+
border-style: solid;
|
|
258
|
+
border-color: rgba(0, 0, 0, .15);
|
|
259
|
+
border-radius: .25rem;
|
|
260
|
+
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
|
|
261
|
+
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
|
|
183
262
|
}
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
263
|
+
|
|
264
|
+
.tail-select .select-dropdown .dropdown-search {
|
|
265
|
+
width: 100%;
|
|
266
|
+
margin: 0;
|
|
267
|
+
padding: 10px;
|
|
268
|
+
display: block;
|
|
269
|
+
border-width: 0 0 1px 0;
|
|
270
|
+
border-style: solid;
|
|
271
|
+
border-color: #e6e6e6
|
|
188
272
|
}
|
|
189
|
-
|
|
273
|
+
|
|
274
|
+
.tail-select .select-dropdown .dropdown-inner {
|
|
275
|
+
width: 100%;
|
|
276
|
+
margin: 0;
|
|
277
|
+
padding: 1px 0;
|
|
190
278
|
display: block;
|
|
279
|
+
overflow-x: hidden;
|
|
280
|
+
overflow-y: auto
|
|
191
281
|
}
|
|
192
282
|
|
|
193
|
-
.tail-select .
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
padding: 0;
|
|
283
|
+
.tail-select .select-dropdown .dropdown-empty {
|
|
284
|
+
margin: 0;
|
|
285
|
+
padding: 1.25rem 1.75rem;
|
|
197
286
|
display: block;
|
|
198
|
-
|
|
287
|
+
font-size: .875rem;
|
|
288
|
+
text-align: center;
|
|
289
|
+
font-weight: 400;
|
|
290
|
+
line-height: 1.2
|
|
199
291
|
}
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
292
|
+
|
|
293
|
+
.tail-select .select-dropdown .dropdown-action {
|
|
294
|
+
top: 8px;
|
|
295
|
+
right: 15px;
|
|
296
|
+
width: auto;
|
|
297
|
+
margin: 0;
|
|
298
|
+
padding: 7px 0;
|
|
299
|
+
z-index: 35;
|
|
300
|
+
display: inline-block;
|
|
301
|
+
position: absolute;
|
|
302
|
+
text-align: center
|
|
203
303
|
}
|
|
204
|
-
|
|
304
|
+
|
|
305
|
+
.tail-select .select-dropdown ul,
|
|
306
|
+
.tail-select .select-dropdown ul li {
|
|
307
|
+
width: 100%;
|
|
308
|
+
margin: 0;
|
|
309
|
+
padding: 0;
|
|
205
310
|
display: block;
|
|
206
|
-
|
|
311
|
+
position: relative;
|
|
312
|
+
list-style: none;
|
|
313
|
+
vertical-align: top
|
|
314
|
+
}
|
|
315
|
+
|
|
316
|
+
.tail-select .select-dropdown ul li {
|
|
317
|
+
color: #343a40;
|
|
318
|
+
padding: .25rem 1.75rem;
|
|
319
|
+
text-align: left;
|
|
320
|
+
font-weight: 400
|
|
207
321
|
}
|
|
208
322
|
|
|
209
|
-
.tail-select .
|
|
210
|
-
|
|
323
|
+
.tail-select .select-dropdown ul li:first-of-type {
|
|
324
|
+
margin-top: .5rem
|
|
211
325
|
}
|
|
212
326
|
|
|
327
|
+
.tail-select .select-dropdown ul li:last-of-type {
|
|
328
|
+
margin-bottom: .5rem
|
|
329
|
+
}
|
|
213
330
|
|
|
214
|
-
.tail
|
|
331
|
+
.tail-select .select-dropdown ul li.optgroup-title {
|
|
332
|
+
color: rgba(52, 58, 64, .7);
|
|
333
|
+
cursor: default;
|
|
334
|
+
margin: 0;
|
|
335
|
+
padding: .5rem 1.5rem;
|
|
336
|
+
font-size: 11px;
|
|
215
337
|
font-weight: 700;
|
|
338
|
+
line-height: 20px;
|
|
339
|
+
text-shadow: none;
|
|
340
|
+
letter-spacing: 1px;
|
|
341
|
+
text-transform: uppercase
|
|
216
342
|
}
|
|
217
343
|
|
|
218
|
-
.tail-select
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
344
|
+
.tail-select .select-dropdown ul li.optgroup-title b {
|
|
345
|
+
font-size: .875rem;
|
|
346
|
+
font-weight: 400;
|
|
347
|
+
line-height: 1.2;
|
|
348
|
+
text-shadow: none;
|
|
349
|
+
letter-spacing: 0;
|
|
350
|
+
text-transform: none
|
|
351
|
+
}
|
|
223
352
|
|
|
224
|
-
|
|
353
|
+
.tail-select .select-dropdown ul li.optgroup-title button {
|
|
354
|
+
float: right;
|
|
355
|
+
opacity: 0
|
|
225
356
|
}
|
|
226
357
|
|
|
227
|
-
.tail-select
|
|
228
|
-
|
|
229
|
-
outline: 3px solid rgb(147 197 253 / 1);
|
|
230
|
-
outline-offset: 0px;
|
|
358
|
+
.tail-select .select-dropdown ul:hover li button {
|
|
359
|
+
opacity: 1
|
|
231
360
|
}
|
|
232
361
|
|
|
233
|
-
.tail-select.
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
display: none;
|
|
362
|
+
.tail-select .select-dropdown ul li.dropdown-option {
|
|
363
|
+
cursor: pointer;
|
|
364
|
+
color: #343a40
|
|
237
365
|
}
|
|
238
366
|
|
|
239
|
-
.tail
|
|
240
|
-
|
|
367
|
+
.tail-select .select-dropdown ul li.dropdown-option:before {
|
|
368
|
+
top: 0;
|
|
369
|
+
left: 0;
|
|
370
|
+
width: 30px;
|
|
371
|
+
height: 33px;
|
|
241
372
|
margin: 0;
|
|
242
|
-
|
|
243
|
-
|
|
373
|
+
padding: 0;
|
|
374
|
+
z-index: 21;
|
|
375
|
+
display: inline-block;
|
|
376
|
+
content: "";
|
|
377
|
+
position: absolute;
|
|
378
|
+
vertical-align: top;
|
|
379
|
+
background-repeat: no-repeat;
|
|
380
|
+
background-position: center center
|
|
244
381
|
}
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
line-height: 1;
|
|
382
|
+
|
|
383
|
+
.tail-select .select-dropdown ul li.dropdown-option .option-description {
|
|
384
|
+
color: rgba(52, 58, 64, .7);
|
|
385
|
+
width: auto;
|
|
250
386
|
margin: 0;
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
387
|
+
padding: 0;
|
|
388
|
+
display: block;
|
|
389
|
+
font-size: 10px;
|
|
390
|
+
text-align: left;
|
|
391
|
+
line-height: 14px;
|
|
392
|
+
vertical-align: top
|
|
393
|
+
}
|
|
394
|
+
|
|
395
|
+
.tail-select.hide-disabled .select-dropdown ul li.disabled,
|
|
396
|
+
.tail-select.hide-selected .select-dropdown ul li.selected {
|
|
397
|
+
display: none
|
|
398
|
+
}
|
|
399
|
+
|
|
400
|
+
.tail-select .select-dropdown ul li.dropdown-option.selected {
|
|
401
|
+
color: #7dbb00;
|
|
402
|
+
background-color: transparent
|
|
403
|
+
}
|
|
404
|
+
|
|
405
|
+
.tail-select .select-dropdown ul li.dropdown-option.selected:before {
|
|
406
|
+
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij48cGF0aCBkPSJNMTIgNWwtOCA4LTQtNCAxLjUtMS41TDQgMTBsNi41LTYuNUwxMiA1eiIvPjwvc3ZnPg==")
|
|
407
|
+
}
|
|
408
|
+
|
|
409
|
+
.tail-select .select-dropdown ul li.dropdown-option.selected .option-description {
|
|
410
|
+
color: rgba(52, 58, 64, .7)
|
|
411
|
+
}
|
|
412
|
+
|
|
413
|
+
.tail-select.deselect .select-dropdown ul li.dropdown-option.selected.hover:before,
|
|
414
|
+
.tail-select.deselect .select-dropdown ul li.dropdown-option.selected:hover:before,
|
|
415
|
+
.tail-select.multiple .select-dropdown ul li.dropdown-option.selected.hover:before,
|
|
416
|
+
.tail-select.multiple .select-dropdown ul li.dropdown-option.selected:hover:before {
|
|
417
|
+
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij48cGF0aCBkPSJNNy40OCA4bDMuNzUgMy43NS0xLjQ4IDEuNDhMNiA5LjQ4bC0zLjc1IDMuNzUtMS40OC0xLjQ4TDQuNTIgOCAuNzcgNC4yNWwxLjQ4LTEuNDhMNiA2LjUybDMuNzUtMy43NSAxLjQ4IDEuNDhMNy40OCA4eiIvPjwvc3ZnPg==")
|
|
418
|
+
}
|
|
419
|
+
|
|
420
|
+
.tail-select .select-dropdown ul li.dropdown-option {
|
|
421
|
+
transition: all .1s ease-in;
|
|
422
|
+
}
|
|
423
|
+
|
|
424
|
+
.tail-select .select-dropdown ul li.dropdown-option.hover,
|
|
425
|
+
.tail-select .select-dropdown ul li.dropdown-option:hover {
|
|
426
|
+
transition: all .1s ease;
|
|
427
|
+
color: #fff;
|
|
428
|
+
background-color: #7dbb00;
|
|
429
|
+
}
|
|
430
|
+
|
|
431
|
+
.tail-select .select-dropdown ul li.dropdown-option.hover .option-description,
|
|
432
|
+
.tail-select .select-dropdown ul li.dropdown-option:hover .option-description {
|
|
433
|
+
color: rgba(52, 58, 64, .7)
|
|
434
|
+
}
|
|
435
|
+
|
|
436
|
+
.tail-select .select-dropdown ul li.dropdown-option.disabled,
|
|
437
|
+
.tail-select.disabled .select-dropdown ul li.dropdown-option {
|
|
438
|
+
cursor: not-allowed;
|
|
439
|
+
color: rgba(52, 58, 64, .35);
|
|
440
|
+
text-shadow: 0 1px 0 rgba(122, 135, 147, .1), 0 -1px 0 rgba(0, 0, 0, .1);
|
|
441
|
+
background-color: rgba(52, 58, 64, .02)
|
|
442
|
+
}
|
|
443
|
+
|
|
444
|
+
.tail-select .select-dropdown ul li.dropdown-option.disabled .option-description,
|
|
445
|
+
.tail-select.disabled .select-dropdown ul li.dropdown-option .option-description {
|
|
446
|
+
text-shadow: 0 1px 0 rgba(63, 71, 78, .05), 0 -1px 0 rgba(41, 45, 50, .05)
|
|
447
|
+
}
|
|
448
|
+
|
|
449
|
+
.tail-select .select-dropdown ul li.dropdown-option.disabled .option-description,
|
|
450
|
+
.tail-select .select-dropdown ul li.dropdown-option.disabled.hover .option-description,
|
|
451
|
+
.tail-select .select-dropdown ul li.dropdown-option.disabled:hover .option-description,
|
|
452
|
+
.tail-select.disabled .select-dropdown ul li.dropdown-option .option-description,
|
|
453
|
+
.tail-select.disabled .select-dropdown ul li.dropdown-option.hover .option-description,
|
|
454
|
+
.tail-select.disabled .select-dropdown ul li.dropdown-option:hover .option-description {
|
|
455
|
+
color: rgba(52, 58, 64, .7)
|
|
254
456
|
}
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: tail-select-rails
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 1.0.
|
|
4
|
+
version: 1.0.4
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Gajendra Jena
|
|
@@ -52,7 +52,7 @@ dependencies:
|
|
|
52
52
|
- - ">="
|
|
53
53
|
- !ruby/object:Gem::Version
|
|
54
54
|
version: '0'
|
|
55
|
-
description: Rails gem for easy tail.select js (
|
|
55
|
+
description: Rails gem for easy tail.select js (0.5.16) integration. See https://getbutterfly.com/tail-select/
|
|
56
56
|
for more information on how to use tail.select
|
|
57
57
|
email: gaju.mca@gmail.com
|
|
58
58
|
executables: []
|
|
@@ -61,7 +61,6 @@ extra_rdoc_files: []
|
|
|
61
61
|
files:
|
|
62
62
|
- Readme.md
|
|
63
63
|
- app/assets/javascripts/tail.select.js
|
|
64
|
-
- app/assets/javascripts/tail.select.min.js
|
|
65
64
|
- app/assets/stylesheets/tail.select.css
|
|
66
65
|
- lib/tail-select-rails.rb
|
|
67
66
|
homepage: http://github.com/gajendrajena/tail-select-rails
|