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.
@@ -10,39 +10,47 @@ select.selectpicker {
10
10
  display: none !important;
11
11
  }
12
12
 
13
- .bootstrap-select.show>.dropdown-toggle{
14
- border-color: $primary !important;
13
+ .bootstrap-select button {
14
+ color: $body-color !important
15
15
  }
16
- .bootstrap-select button.dropdown-toggle{
17
- background: $transparent-bg !important;
16
+
17
+ .bootstrap-select button.dropdown-toggle {
18
+ background: #fff !important;
18
19
  background-image: none !important;
19
- border: 1px solid lighten($black, 5%);
20
- &:hover,&:active,&:hover:active{
21
- background: $transparent-bg !important;
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
- &:focus,&:active{
27
- border-color: $primary !important;
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
- .bootstrap-select > .dropdown-toggle {
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
- &:after{
41
- margin-left: -10px !important;
42
- }
48
+ &:after {
49
+ margin-left: -10px !important;
50
+ }
43
51
  }
44
52
 
45
- .bootstrap-select > 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
- .bootstrap-select > select.mobile-device {
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
- .bootstrap-select.btn-block{
83
- width: 100%;
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
- .bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn {
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 > .disabled {
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 > .disabled:focus {
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
- -moz-box-sizing: border-box;
157
- box-sizing: border-box;
158
- max-height: 265px !important;
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
- -ms-overflow-style: auto;
200
+ overflow-y: scroll;
201
+ -ms-overflow-style: auto;
171
202
  -webkit-box-shadow: none;
172
- box-shadow: none;
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
- -moz-user-select: none;
187
- -ms-user-select: none;
188
- user-select: none;
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
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
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
- -moz-box-sizing: border-box;
218
- box-sizing: border-box;
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
- .bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
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
- .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
287
- .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
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
- -moz-box-sizing: border-box;
299
- box-sizing: border-box;
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
- -moz-box-sizing: border-box;
309
- box-sizing: border-box;
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
- .bs-searchbox + .bs-actionsbox {
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
- .dropdown-menu.inner {
325
- li a{
326
- padding-left: 1.5rem;
327
- padding-right: 1.5rem;
328
- display: block;
329
- outline: none;
330
- color: #292b2c;
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
- .dropdown-menu {
345
- &.open{
346
- overflow: visible !important;
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
- &.dropdown-black {
350
- background: linear-gradient(to bottom, $black 0%, $black-states 100%);
351
- border: 1px solid $dark-background;
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
- li > a {
354
- color: rgba(255, 255, 255, 0.7);
355
- }
413
+ li>a {
414
+ color: rgba(255, 255, 255, 0.7);
356
415
  }
357
416
  }
358
- }
417
+ }
418
+ }