viniBaxter-desk_front 0.7.0 → 10.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.
- checksums.yaml +4 -4
- data/lib/viniBaxter/desk_front/version.rb +1 -1
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/_index.scss +74 -76
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_buttons.scss +195 -162
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/mixins/_buttons.scss +357 -343
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/vendor/_plugin-bootstrap-select.scss +129 -69
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/vendor/_plugin-new-bootstrap-select.scss +534 -0
- data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_buttons.scss +341 -327
- data/lib/viniBaxter/sass/desk_front/dashkit/_dropdowns.scss +8 -14
- data/lib/viniBaxter/sass/desk_front.scss +2 -5
- metadata +3 -2
@@ -10,39 +10,47 @@ select.selectpicker {
|
|
10
10
|
display: none !important;
|
11
11
|
}
|
12
12
|
|
13
|
-
.bootstrap-select
|
14
|
-
|
13
|
+
.bootstrap-select button {
|
14
|
+
color: $body-color !important
|
15
15
|
}
|
16
|
-
|
17
|
-
|
16
|
+
|
17
|
+
.bootstrap-select button.dropdown-toggle {
|
18
|
+
background: #fff !important;
|
18
19
|
background-image: none !important;
|
19
|
-
border: 1px solid
|
20
|
-
|
21
|
-
|
20
|
+
border: 1px solid #D2DDEC;
|
21
|
+
box-shadow: none !important;
|
22
|
+
|
23
|
+
&:hover,
|
24
|
+
&:active,
|
25
|
+
&:hover:active {
|
26
|
+
// background: $transparent-bg !important;
|
22
27
|
box-shadow: none !important;
|
23
28
|
transform: none !important;
|
24
29
|
|
25
30
|
}
|
26
|
-
|
27
|
-
|
31
|
+
|
32
|
+
&:focus,
|
33
|
+
&:active {
|
34
|
+
border-color: #1d8cf8 !important;
|
28
35
|
}
|
29
36
|
}
|
30
37
|
|
31
38
|
.bootstrap-select {
|
32
39
|
min-width: 100%;
|
33
40
|
}
|
34
|
-
|
41
|
+
|
42
|
+
.bootstrap-select>.dropdown-toggle {
|
35
43
|
width: 100%;
|
36
44
|
padding-right: 25px;
|
37
45
|
z-index: 1;
|
38
46
|
margin: 0;
|
39
47
|
|
40
|
-
|
41
|
-
|
42
|
-
|
48
|
+
&:after {
|
49
|
+
margin-left: -10px !important;
|
50
|
+
}
|
43
51
|
}
|
44
52
|
|
45
|
-
.bootstrap-select
|
53
|
+
.bootstrap-select>select {
|
46
54
|
position: absolute !important;
|
47
55
|
bottom: 0;
|
48
56
|
left: 50%;
|
@@ -53,20 +61,24 @@ select.selectpicker {
|
|
53
61
|
opacity: 0 !important;
|
54
62
|
border: none;
|
55
63
|
}
|
56
|
-
|
64
|
+
|
65
|
+
.bootstrap-select>select.mobile-device {
|
57
66
|
top: 0;
|
58
67
|
left: 0;
|
59
68
|
display: block !important;
|
60
69
|
width: 100% !important;
|
61
70
|
z-index: 2;
|
62
71
|
}
|
72
|
+
|
63
73
|
.has-error .bootstrap-select .dropdown-toggle,
|
64
74
|
.error .bootstrap-select .dropdown-toggle {
|
65
75
|
border-color: #b94a48;
|
66
76
|
}
|
77
|
+
|
67
78
|
.bootstrap-select.fit-width {
|
68
79
|
width: auto !important;
|
69
80
|
}
|
81
|
+
|
70
82
|
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
|
71
83
|
width: 100%;
|
72
84
|
}
|
@@ -76,38 +88,47 @@ select.selectpicker {
|
|
76
88
|
padding: 0;
|
77
89
|
border: none;
|
78
90
|
}
|
91
|
+
|
79
92
|
.bootstrap-select.form-control:not([class*="col-"]) {
|
80
93
|
width: 100%;
|
81
94
|
}
|
82
|
-
|
83
|
-
|
95
|
+
|
96
|
+
.bootstrap-select.btn-block {
|
97
|
+
width: 100%;
|
84
98
|
}
|
99
|
+
|
85
100
|
.bootstrap-select.form-control.input-group-btn {
|
86
101
|
z-index: auto;
|
87
102
|
}
|
88
|
-
|
103
|
+
|
104
|
+
.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child)>.btn {
|
89
105
|
border-radius: 0;
|
90
106
|
}
|
107
|
+
|
91
108
|
.bootstrap-select.btn-group:not(.input-group-btn),
|
92
109
|
.bootstrap-select.btn-group[class*="col-"] {
|
93
110
|
float: none;
|
94
111
|
display: inline-block;
|
95
112
|
margin-left: 0;
|
96
113
|
}
|
114
|
+
|
97
115
|
.bootstrap-select.btn-group.dropdown-menu-right,
|
98
116
|
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
|
99
117
|
.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
|
100
118
|
float: right;
|
101
119
|
}
|
120
|
+
|
102
121
|
.form-inline .bootstrap-select.btn-group,
|
103
122
|
.form-horizontal .bootstrap-select.btn-group,
|
104
123
|
.form-group .bootstrap-select.btn-group {
|
105
124
|
margin-bottom: 0;
|
106
125
|
}
|
126
|
+
|
107
127
|
.form-group-lg .bootstrap-select.btn-group.form-control,
|
108
128
|
.form-group-sm .bootstrap-select.btn-group.form-control {
|
109
129
|
padding: 0;
|
110
130
|
}
|
131
|
+
|
111
132
|
.form-group-lg .bootstrap-select.btn-group.form-control .dropdown-toggle,
|
112
133
|
.form-group-sm .bootstrap-select.btn-group.form-control .dropdown-toggle {
|
113
134
|
height: 100%;
|
@@ -115,48 +136,58 @@ select.selectpicker {
|
|
115
136
|
line-height: inherit;
|
116
137
|
border-radius: inherit;
|
117
138
|
}
|
139
|
+
|
118
140
|
.form-inline .bootstrap-select.btn-group .form-control {
|
119
141
|
width: 100%;
|
120
142
|
}
|
143
|
+
|
121
144
|
.bootstrap-select.btn-group.disabled,
|
122
|
-
.bootstrap-select.btn-group
|
145
|
+
.bootstrap-select.btn-group>.disabled {
|
123
146
|
cursor: not-allowed;
|
124
147
|
}
|
148
|
+
|
125
149
|
.bootstrap-select.btn-group.disabled:focus,
|
126
|
-
.bootstrap-select.btn-group
|
150
|
+
.bootstrap-select.btn-group>.disabled:focus {
|
127
151
|
outline: none !important;
|
128
152
|
}
|
153
|
+
|
129
154
|
.bootstrap-select.btn-group.bs-container {
|
130
155
|
position: absolute;
|
131
156
|
height: 0 !important;
|
132
157
|
padding: 0 !important;
|
133
158
|
}
|
159
|
+
|
134
160
|
.bootstrap-select.btn-group.bs-container .dropdown-menu {
|
135
161
|
z-index: 1060;
|
136
162
|
}
|
163
|
+
|
137
164
|
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
|
138
165
|
display: inline-block;
|
139
166
|
overflow: hidden;
|
140
167
|
text-overflow: ellipsis;
|
141
168
|
width: 90%;
|
142
169
|
font-size: $font-size-sm;
|
143
|
-
color: rgba($white,0.8);
|
170
|
+
color: rgba($white, 0.8);
|
144
171
|
font-weight: $font-weight-normal;
|
145
172
|
text-align: left;
|
146
173
|
}
|
174
|
+
|
147
175
|
.bootstrap-select.btn-group .dropdown-toggle .caret {
|
148
176
|
display: none;
|
149
177
|
}
|
178
|
+
|
150
179
|
.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
|
151
180
|
width: 100%;
|
152
181
|
}
|
182
|
+
|
153
183
|
.bootstrap-select.btn-group .dropdown-menu {
|
154
184
|
min-width: 100%;
|
155
185
|
-webkit-box-sizing: border-box;
|
156
|
-
|
157
|
-
|
158
|
-
|
186
|
+
-moz-box-sizing: border-box;
|
187
|
+
box-sizing: border-box;
|
188
|
+
max-height: 265px !important;
|
159
189
|
}
|
190
|
+
|
160
191
|
.bootstrap-select.btn-group .dropdown-menu.inner {
|
161
192
|
position: static;
|
162
193
|
float: none;
|
@@ -166,40 +197,49 @@ select.selectpicker {
|
|
166
197
|
border-radius: 0;
|
167
198
|
display: block;
|
168
199
|
max-height: 245px !important;
|
169
|
-
overflow-y: scroll;
|
170
|
-
|
200
|
+
overflow-y: scroll;
|
201
|
+
-ms-overflow-style: auto;
|
171
202
|
-webkit-box-shadow: none;
|
172
|
-
|
203
|
+
box-shadow: none;
|
173
204
|
}
|
205
|
+
|
174
206
|
.bootstrap-select.btn-group .dropdown-menu li {
|
175
207
|
position: relative;
|
176
208
|
}
|
209
|
+
|
177
210
|
.bootstrap-select.btn-group .dropdown-menu li.active small {
|
178
211
|
color: $white;
|
179
212
|
}
|
213
|
+
|
180
214
|
.bootstrap-select.btn-group .dropdown-menu li.disabled a {
|
181
215
|
cursor: not-allowed;
|
182
216
|
}
|
217
|
+
|
183
218
|
.bootstrap-select.btn-group .dropdown-menu li a {
|
184
219
|
cursor: pointer;
|
185
220
|
-webkit-user-select: none;
|
186
|
-
|
187
|
-
|
188
|
-
|
221
|
+
-moz-user-select: none;
|
222
|
+
-ms-user-select: none;
|
223
|
+
user-select: none;
|
189
224
|
}
|
225
|
+
|
190
226
|
.bootstrap-select.btn-group .dropdown-menu li a.opt {
|
191
227
|
position: relative;
|
192
228
|
padding-left: 2.25em;
|
193
229
|
}
|
230
|
+
|
194
231
|
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
|
195
232
|
display: none;
|
196
233
|
}
|
234
|
+
|
197
235
|
.bootstrap-select.btn-group .dropdown-menu li a span.text {
|
198
236
|
display: inline-block;
|
199
237
|
}
|
238
|
+
|
200
239
|
.bootstrap-select.btn-group .dropdown-menu li small {
|
201
240
|
padding-left: 0.5em;
|
202
241
|
}
|
242
|
+
|
203
243
|
.bootstrap-select.btn-group .dropdown-menu .notify {
|
204
244
|
position: absolute;
|
205
245
|
bottom: 5px;
|
@@ -210,39 +250,46 @@ overflow-y: scroll;
|
|
210
250
|
background: #f5f5f5;
|
211
251
|
border: 1px solid #e3e3e3;
|
212
252
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
|
213
|
-
|
253
|
+
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
|
214
254
|
pointer-events: none;
|
215
255
|
opacity: 0.9;
|
216
256
|
-webkit-box-sizing: border-box;
|
217
|
-
|
218
|
-
|
257
|
+
-moz-box-sizing: border-box;
|
258
|
+
box-sizing: border-box;
|
219
259
|
}
|
260
|
+
|
220
261
|
.bootstrap-select.btn-group .no-results {
|
221
262
|
padding: 3px;
|
222
263
|
background: #f5f5f5;
|
223
264
|
margin: 0 5px;
|
224
265
|
white-space: nowrap;
|
225
266
|
}
|
267
|
+
|
226
268
|
.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
|
227
269
|
position: static;
|
228
270
|
}
|
271
|
+
|
229
272
|
.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
|
230
273
|
position: static;
|
231
274
|
top: auto;
|
232
275
|
margin-top: -1px;
|
233
276
|
}
|
277
|
+
|
234
278
|
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
|
235
279
|
position: absolute;
|
236
280
|
display: inline-block;
|
237
281
|
right: 15px;
|
238
282
|
margin-top: 5px;
|
239
283
|
}
|
284
|
+
|
240
285
|
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
|
241
286
|
margin-right: 34px;
|
242
287
|
}
|
243
|
-
|
288
|
+
|
289
|
+
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle {
|
244
290
|
z-index: 1061;
|
245
291
|
}
|
292
|
+
|
246
293
|
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
|
247
294
|
content: '';
|
248
295
|
border-left: 7px solid transparent;
|
@@ -253,6 +300,7 @@ overflow-y: scroll;
|
|
253
300
|
left: 9px;
|
254
301
|
display: none;
|
255
302
|
}
|
303
|
+
|
256
304
|
.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
|
257
305
|
content: '';
|
258
306
|
border-left: 6px solid transparent;
|
@@ -263,57 +311,69 @@ overflow-y: scroll;
|
|
263
311
|
left: 10px;
|
264
312
|
display: none;
|
265
313
|
}
|
314
|
+
|
266
315
|
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
|
267
316
|
bottom: auto;
|
268
317
|
top: -3px;
|
269
318
|
border-top: 7px solid rgba(204, 204, 204, 0.2);
|
270
319
|
border-bottom: 0;
|
271
320
|
}
|
321
|
+
|
272
322
|
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
|
273
323
|
bottom: auto;
|
274
324
|
top: -3px;
|
275
325
|
border-top: 6px solid white;
|
276
326
|
border-bottom: 0;
|
277
327
|
}
|
328
|
+
|
278
329
|
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
|
279
330
|
right: 12px;
|
280
331
|
left: auto;
|
281
332
|
}
|
333
|
+
|
282
334
|
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
|
283
335
|
right: 13px;
|
284
336
|
left: auto;
|
285
337
|
}
|
286
|
-
|
287
|
-
.bootstrap-select.show-menu-arrow.open
|
338
|
+
|
339
|
+
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before,
|
340
|
+
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after {
|
288
341
|
display: block;
|
289
342
|
}
|
343
|
+
|
290
344
|
.bs-searchbox,
|
291
345
|
.bs-actionsbox,
|
292
346
|
.bs-donebutton {
|
293
347
|
padding: 4px 8px;
|
294
348
|
}
|
349
|
+
|
295
350
|
.bs-actionsbox {
|
296
351
|
width: 100%;
|
297
352
|
-webkit-box-sizing: border-box;
|
298
|
-
|
299
|
-
|
353
|
+
-moz-box-sizing: border-box;
|
354
|
+
box-sizing: border-box;
|
300
355
|
}
|
356
|
+
|
301
357
|
.bs-actionsbox .btn-group button {
|
302
358
|
width: 50%;
|
303
359
|
}
|
360
|
+
|
304
361
|
.bs-donebutton {
|
305
362
|
float: left;
|
306
363
|
width: 100%;
|
307
364
|
-webkit-box-sizing: border-box;
|
308
|
-
|
309
|
-
|
365
|
+
-moz-box-sizing: border-box;
|
366
|
+
box-sizing: border-box;
|
310
367
|
}
|
368
|
+
|
311
369
|
.bs-donebutton .btn-group button {
|
312
370
|
width: 100%;
|
313
371
|
}
|
314
|
-
|
372
|
+
|
373
|
+
.bs-searchbox+.bs-actionsbox {
|
315
374
|
padding: 0 8px 4px;
|
316
375
|
}
|
376
|
+
|
317
377
|
.bs-searchbox .form-control {
|
318
378
|
margin-bottom: 0;
|
319
379
|
width: 100%;
|
@@ -321,38 +381,38 @@ overflow-y: scroll;
|
|
321
381
|
}
|
322
382
|
|
323
383
|
.bootstrap-select {
|
324
|
-
|
325
|
-
|
326
|
-
|
327
|
-
|
328
|
-
|
329
|
-
|
330
|
-
|
331
|
-
}
|
332
|
-
|
333
|
-
li.disabled a {
|
334
|
-
color: $default-opacity;
|
335
|
-
|
336
|
-
&:hover,
|
337
|
-
&:focus{
|
338
|
-
background-color: transparent;
|
339
|
-
}
|
340
|
-
}
|
341
|
-
|
384
|
+
.dropdown-menu.inner {
|
385
|
+
li a {
|
386
|
+
padding-left: 1.5rem;
|
387
|
+
padding-right: 1.5rem;
|
388
|
+
display: block;
|
389
|
+
outline: none;
|
390
|
+
color: #292b2c;
|
342
391
|
}
|
343
392
|
|
344
|
-
.
|
345
|
-
|
346
|
-
|
393
|
+
li.disabled a {
|
394
|
+
color: $default-opacity;
|
395
|
+
|
396
|
+
&:hover,
|
397
|
+
&:focus {
|
398
|
+
background-color: transparent;
|
347
399
|
}
|
400
|
+
}
|
401
|
+
|
402
|
+
}
|
348
403
|
|
349
|
-
|
350
|
-
|
351
|
-
|
404
|
+
.dropdown-menu {
|
405
|
+
&.open {
|
406
|
+
overflow: visible !important;
|
407
|
+
}
|
408
|
+
|
409
|
+
&.dropdown-black {
|
410
|
+
background: linear-gradient(to bottom, $black 0%, $black-states 100%);
|
411
|
+
border: 1px solid $dark-background;
|
352
412
|
|
353
|
-
|
354
|
-
|
355
|
-
}
|
413
|
+
li>a {
|
414
|
+
color: rgba(255, 255, 255, 0.7);
|
356
415
|
}
|
357
416
|
}
|
358
|
-
}
|
417
|
+
}
|
418
|
+
}
|