viniBaxter-desk_front 10.0.0 → 11.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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: fa15c05fa9789f8029d6aa0941bcde50d49d2d8a200b1059d0efba99bb792afc
4
- data.tar.gz: 1272ac913a16992af1a64df86b31e340cd8671201f73e5ae16e0d956fba8f04c
3
+ metadata.gz: 3f0af906c6dc2a93c6550db7e01ba00030c28f4213f1612a8a9732664a9fc6a0
4
+ data.tar.gz: 4a303a6f5a1ed64dfe1cbd7a51f75bcff50bff07c3f0914dc5e1eee39e74be90
5
5
  SHA512:
6
- metadata.gz: da77cd1719075f9ed7928ca8166caef67f658940099e0a7b951221060ba5a7bde96cab3e41f1d8c1b115e85ed628ffc57a2f3df91762a2b3cfbe2e8ebd92e671
7
- data.tar.gz: 491ea265b6a632381bfa1c6c915ccd70ac078ced6c5135266516b1ec0bc150be1bfb32f70fcd08c092d65d05ff0f2fbd7e861b7341dc1a66324669178ca3fb61
6
+ metadata.gz: 05c80dc248b23a7de659b719507cb24ef416a7200367b35048d8b0faefc89c5c21bf784c6ee5c28611648c1825508d5447c6c4e1f4c06695b5fff3615d8244b3
7
+ data.tar.gz: 1f7b3e5af1154e227258ca900023bcc8b234cb447bb4706698580bf08e88e9665f665923548fb8f316617fbd2679cefae150e0b946034bfaf59fc0b63383a218
@@ -1,5 +1,5 @@
1
1
  module ViniBaxter
2
2
  module DeskFront
3
- VERSION = "10.0.0"
3
+ VERSION = "11.0.0"
4
4
  end
5
5
  end
@@ -24,3 +24,6 @@
24
24
  box-shadow: none;
25
25
  transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
26
26
  }
27
+ .selectize-dropdown {
28
+ z-index: 1000!important;
29
+ }
@@ -1,361 +1,363 @@
1
1
  .dropdown-menu {
2
- border: 0;
3
- box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.2);
4
- border-radius: $border-radius-xs;
5
- @include transitions($fast-transition-time, $transition-linear);
2
+ border: 0;
3
+ box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.2);
4
+ border-radius: $border-radius-xs;
5
+ @include transitions($fast-transition-time, $transition-linear);
6
6
 
7
- &.dropdown-menu-right {
8
- &:before, &:after {
9
- left:auto;
10
- right: 10px;
11
- }
7
+ &.dropdown-menu-right {
8
+
9
+ &:before,
10
+ &:after {
11
+ left: auto;
12
+ right: 10px;
12
13
  }
14
+ }
13
15
 
14
- &.dropdown-black {
15
- background: linear-gradient(to bottom, $black 0%, $black-states 100%);
16
- border: 1px solid $default;
17
- .dropdown-item {
18
- color: rgba(255, 255, 255, 0.7);
19
- }
16
+ &.dropdown-black {
17
+ background: linear-gradient(to bottom, $black 0%, $black-states 100%);
18
+ border: 1px solid $default;
19
+
20
+ .dropdown-item {
21
+ color: rgba(255, 255, 255, 0.7);
22
+ }
23
+
24
+ .dropdown-divider {
25
+ border-color: $default;
26
+ }
27
+
28
+ &:before {
29
+ color: $black;
30
+ z-index: 2;
31
+ }
32
+
33
+ &:after {
34
+ display: inline-block;
35
+ position: absolute;
36
+ width: 0;
37
+ height: 0;
38
+ z-index: 1;
39
+ vertical-align: middle;
40
+ content: "";
41
+ top: -6px;
42
+ left: 10px;
43
+ right: auto;
44
+ color: $default;
45
+ border-bottom: .4em solid;
46
+ border-right: .4em solid transparent;
47
+ border-left: .4em solid transparent;
48
+ }
20
49
 
21
- .dropdown-divider {
22
- border-color: $default;
50
+ &.dropdown-menu-right {
51
+ &:after {
52
+ left: auto;
53
+ right: 10px;
23
54
  }
55
+ }
24
56
 
25
- &:before {
26
- color: $black;
57
+ .dropup & {
58
+ &:after {
59
+ color: $black-states;
27
60
  z-index: 2;
28
61
  }
29
62
 
30
- &:after {
63
+ &:before {
31
64
  display: inline-block;
32
65
  position: absolute;
33
66
  width: 0;
34
67
  height: 0;
35
- z-index: 1;
36
68
  vertical-align: middle;
37
69
  content: "";
38
- top: -6px;
39
- left: 10px;
70
+ top: auto;
71
+ bottom: -6px;
40
72
  right: auto;
41
- color: $default;
42
- border-bottom: .4em solid;
73
+ left: 10px;
74
+ color: $dark-background;
75
+ border-top: .4em solid;
43
76
  border-right: .4em solid transparent;
44
77
  border-left: .4em solid transparent;
45
- }
46
-
47
- &.dropdown-menu-right {
48
- &:after {
49
- left: auto;
50
- right: 10px;
51
- }
52
- }
53
-
54
- .dropup & {
55
- &:after {
56
- color: $black-states;
57
- z-index: 2;
58
- }
59
-
60
- &:before {
61
- display: inline-block;
62
- position: absolute;
63
- width: 0;
64
- height: 0;
65
- vertical-align: middle;
66
- content: "";
67
- top: auto;
68
- bottom: -6px;
69
- right: auto;
70
- left: 10px;
71
- color: $dark-background;
72
- border-top: .4em solid;
73
- border-right: .4em solid transparent;
74
- border-left: .4em solid transparent;
75
- border-bottom: none;
76
- z-index: 1;
77
- }
78
+ border-bottom: none;
79
+ z-index: 1;
78
80
  }
79
81
  }
82
+ }
80
83
 
81
- i {
82
- margin-right: 5px;
83
- position: relative;
84
- top: 1px;
85
- }
84
+ i {
85
+ margin-right: 5px;
86
+ position: relative;
87
+ top: 1px;
88
+ }
86
89
 
87
- .tim-icons {
88
- margin-right: 10px;
89
- position: relative;
90
- top: 4px;
91
- font-size: 18px;
92
- margin-top: -5px;
93
- opacity: .5;
94
- }
90
+ .tim-icons {
91
+ margin-right: 10px;
92
+ position: relative;
93
+ top: 4px;
94
+ font-size: 18px;
95
+ margin-top: -5px;
96
+ opacity: .5;
97
+ }
95
98
 
96
- .dropdown-item {
97
- &.active,
98
- &:active{
99
- color: inherit;
100
- }
101
- }
99
+ .dropdown-item {
102
100
 
103
- .dropup & {
104
- &:before {
105
- display: none;
106
- }
107
-
108
- &:after {
109
- display: inline-block;
110
- position: absolute;
111
- width: 0;
112
- height: 0;
113
- vertical-align: middle;
114
- content: "";
115
- top: auto;
116
- bottom: -5px;
117
- right: auto;
118
- left: 10px;
119
- color: $white;
120
- border-top: .4em solid;
121
- border-right: .4em solid transparent;
122
- border-left: .4em solid transparent;
123
- border-bottom: none;
124
- }
125
-
126
- &.dropdown-menu-right {
127
- &:after, &:before {
128
- right: 10px;
129
- left: auto;
130
- }
131
- }
101
+ &.active,
102
+ &:active {
103
+ color: inherit;
132
104
  }
105
+ }
133
106
 
134
-
135
-
107
+ .dropup & {
136
108
  &:before {
109
+ display: none;
110
+ }
111
+
112
+ &:after {
137
113
  display: inline-block;
138
114
  position: absolute;
139
115
  width: 0;
140
116
  height: 0;
141
117
  vertical-align: middle;
142
118
  content: "";
143
- top: -5px;
144
- left: 10px;
119
+ top: auto;
120
+ bottom: -5px;
145
121
  right: auto;
122
+ left: 10px;
146
123
  color: $white;
147
- border-bottom: .4em solid;
124
+ border-top: .4em solid;
148
125
  border-right: .4em solid transparent;
149
126
  border-left: .4em solid transparent;
127
+ border-bottom: none;
150
128
  }
151
129
 
130
+ &.dropdown-menu-right {
152
131
 
132
+ &:after,
133
+ &:before {
134
+ right: 10px;
135
+ left: auto;
136
+ }
137
+ }
138
+ }
153
139
 
154
- &.dropdown-menu-right {
155
- right: 0 !important;
156
- left: auto !important;
140
+ // &:before {
141
+ // display: inline-block;
142
+ // position: absolute;
143
+ // width: 0;
144
+ // height: 0;
145
+ // vertical-align: middle;
146
+ // content: "";
147
+ // top: -5px;
148
+ // left: 10px;
149
+ // right: auto;
150
+ // color: $white;
151
+ // border-bottom: .4em solid;
152
+ // border-right: .4em solid transparent;
153
+ // border-left: .4em solid transparent;
154
+ // }
155
+
156
+ &.dropdown-menu-right {
157
+ right: 0 !important;
158
+ left: auto !important;
159
+ }
160
+
161
+ .dropdown-item,
162
+ .bootstrap-select &.inner li a {
163
+ font-size: $font-size-sm;
164
+ padding-top: .6rem;
165
+ padding-bottom: .6rem;
166
+ margin-top: 5px;
167
+ @include transitions($fast-transition-time, $transition-linear);
168
+
169
+ &:hover,
170
+ &:focus {
171
+ background-color: $opacity-gray-3;
157
172
  }
158
173
 
159
- .dropdown-item,
160
- .bootstrap-select &.inner li a {
161
- font-size: $font-size-sm;
162
- padding-top: .6rem;
163
- padding-bottom: .6rem;
164
- margin-top: 5px;
165
- @include transitions($fast-transition-time, $transition-linear);
174
+ &.disabled,
175
+ &:disabled {
176
+ color: $default-opacity;
166
177
 
167
178
  &:hover,
168
179
  &:focus {
169
- background-color: $opacity-gray-3;
170
- }
171
-
172
- &.disabled,
173
- &:disabled {
174
- color: $default-opacity;
175
-
176
- &:hover,
177
- &:focus {
178
- background-color: transparent;
179
- box-shadow: none;
180
- }
180
+ background-color: transparent;
181
+ box-shadow: none;
181
182
  }
182
183
  }
184
+ }
183
185
 
186
+ .dropdown-divider {
187
+ background-color: $opacity-gray-5;
188
+ }
184
189
 
185
- .dropdown-divider {
186
- background-color: $opacity-gray-5;
187
- }
190
+ .dropdown-header:not([href]):not([tabindex]) {
191
+ color: $default-opacity;
192
+ font-size: $font-size-xs;
193
+ text-transform: uppercase;
194
+ font-weight: $font-weight-bold;
195
+ }
188
196
 
189
- .dropdown-header:not([href]):not([tabindex]) {
190
- color: $default-opacity;
191
- font-size: $font-size-xs;
192
- text-transform: uppercase;
193
- font-weight: $font-weight-bold;
194
- }
197
+ &.dropdown-primary {
198
+ @include dropdown-colors(darken($primary, 3%), $opacity-8, $white, $opacity-2);
199
+ }
195
200
 
196
- &.dropdown-primary {
197
- @include dropdown-colors(darken($primary, 3%),$opacity-8,$white, $opacity-2);
198
- }
201
+ &.dropdown-info {
202
+ @include dropdown-colors(darken($info, 3%), $opacity-8, $white, $opacity-2);
203
+ }
199
204
 
200
- &.dropdown-info {
201
- @include dropdown-colors(darken($info, 3%),$opacity-8,$white, $opacity-2);
202
- }
205
+ &.dropdown-danger {
206
+ @include dropdown-colors(darken($danger, 3%), $opacity-8, $white, $opacity-2);
207
+ }
203
208
 
204
- &.dropdown-danger {
205
- @include dropdown-colors(darken($danger, 3%),$opacity-8,$white, $opacity-2);
206
- }
209
+ &.dropdown-success {
210
+ @include dropdown-colors(darken($success, 3%), $opacity-8, $white, $opacity-2);
211
+ }
207
212
 
208
- &.dropdown-success {
209
- @include dropdown-colors(darken($success, 3%),$opacity-8,$white, $opacity-2);
210
- }
213
+ &.dropdown-warning {
214
+ @include dropdown-colors(darken($warning, 3%), $opacity-8, $white, $opacity-2);
215
+ }
211
216
 
212
- &.dropdown-warning {
213
- @include dropdown-colors(darken($warning, 3%),$opacity-8,$white, $opacity-2);
214
- }
217
+ .dropdown &,
218
+ .dropup:not(.bootstrap-select) &,
219
+ .bootstrap-select &:not(.inner),
220
+ &.bootstrap-datetimepicker-widget.bottom {
221
+ @include transform-translate-y-dropdown(-20px);
222
+ visibility: hidden;
223
+ display: block;
224
+ @include opacity(0);
225
+ top: 100% !important;
226
+ }
215
227
 
216
- .dropdown &,
217
- .dropup:not(.bootstrap-select) &,
218
- .bootstrap-select &:not(.inner),
219
- &.bootstrap-datetimepicker-widget.bottom {
220
- @include transform-translate-y-dropdown(-20px);
221
- visibility: hidden;
222
- display: block;
223
- @include opacity(0);
224
- top: 100% !important;
225
- }
228
+ &.bootstrap-datetimepicker-widget.top {
229
+ @include transform-translate-y-dropdown(-20px);
230
+ visibility: hidden;
231
+ display: block;
232
+ @include opacity(0);
233
+ }
226
234
 
227
- &.bootstrap-datetimepicker-widget.top {
228
- @include transform-translate-y-dropdown(-20px);
229
- visibility: hidden;
230
- display: block;
231
- @include opacity(0);
232
- }
235
+ &.bootstrap-datetimepicker-widget.top,
236
+ &.bootstrap-datetimepicker-widget.bottom {
237
+ @include transform-translate-y-dropdown(-20px);
238
+ }
233
239
 
234
- &.bootstrap-datetimepicker-widget.top,
235
- &.bootstrap-datetimepicker-widget.bottom {
236
- @include transform-translate-y-dropdown(-20px);
237
- }
240
+ .bootstrap-select.dropup &:not(.inner) {
241
+ @include transform-translate-y-dropdown(25px);
242
+ }
238
243
 
239
- .bootstrap-select.dropup &:not(.inner){
240
- @include transform-translate-y-dropdown(25px);
241
- }
244
+ .dropup:not(.bootstrap-select) & {
245
+ @include transform-translate-y-dropdown(20px);
246
+ top: auto !important;
247
+ bottom: 100%;
248
+ }
242
249
 
243
- .dropup:not(.bootstrap-select) &{
244
- @include transform-translate-y-dropdown(20px);
245
- top: auto !important;
246
- bottom: 100%;
247
- }
250
+ .dropdown.show &,
251
+ .bootstrap-select.show &:not(.inner),
252
+ &.bootstrap-datetimepicker-widget.top.open,
253
+ &.bootstrap-datetimepicker-widget.bottom.open,
254
+ .dropup.show:not(.bootstrap-select) &,
255
+ .navbar .dropdown.show & {
256
+ @include opacity(1);
257
+ visibility: visible;
258
+ @include transform-translate-y-dropdown(1px);
259
+ }
248
260
 
249
- .dropdown.show &,
250
- .bootstrap-select.show &:not(.inner),
251
- &.bootstrap-datetimepicker-widget.top.open,
252
- &.bootstrap-datetimepicker-widget.bottom.open,
253
- .dropup.show:not(.bootstrap-select) &,
254
- .navbar .dropdown.show &{
255
- @include opacity(1);
256
- visibility: visible;
257
- @include transform-translate-y-dropdown(1px);
258
- }
261
+ &.bootstrap-datetimepicker-widget.top.open,
262
+ &.bootstrap-datetimepicker-widget.bottom.open {
263
+ @include transform-translate-y-dropdown(0px);
264
+ }
259
265
 
260
- &.bootstrap-datetimepicker-widget.top.open,
261
- &.bootstrap-datetimepicker-widget.bottom.open{
262
- @include transform-translate-y-dropdown(0px);
263
- }
266
+ .dropup.show:not(.bootstrap-select) & {
267
+ @include transform-translate-y-dropdown(-2px);
268
+ }
264
269
 
265
- .dropup.show:not(.bootstrap-select) &{
266
- @include transform-translate-y-dropdown(-2px);
267
- }
270
+ &.dropdown-navbar {
271
+ left: -80px;
268
272
 
269
- &.dropdown-navbar{
270
- left: -80px;
271
- &:before, &:after{
272
- left: auto;
273
- right: 17px;
274
- }
273
+ &:before,
274
+ &:after {
275
+ left: auto;
276
+ right: 17px;
275
277
  }
276
-
278
+ }
277
279
 
278
280
  }
279
281
 
280
- .btn{
281
- cursor: pointer;
282
+ .btn {
283
+ cursor: pointer;
282
284
 
283
- &.dropdown-toggle[data-toggle="dropdown"]{
284
- padding:10px;
285
- margin: 0;
286
- margin-bottom: 5px;
287
-
288
- &:after{
289
- content: "";
290
- margin-left: 5px;
291
- }
285
+ &.dropdown-toggle[data-toggle="dropdown"] {
286
+ padding: 10px;
287
+ margin: 0;
288
+ margin-bottom: 5px;
292
289
 
290
+ &:after {
291
+ content: "";
292
+ margin-left: 5px;
293
293
  }
294
294
 
295
- span.bs-caret{
296
- display: none;
297
- }
295
+ }
298
296
 
299
- &.btn-link{
300
- &.dropdown-toggle{
301
- height: 22px;
302
- padding: 0;
303
- margin-right: 5px;
304
- }
297
+ span.bs-caret {
298
+ display: none;
299
+ }
300
+
301
+ &.btn-link {
302
+ &.dropdown-toggle {
303
+ height: 22px;
304
+ padding: 0;
305
+ margin-right: 5px;
305
306
  }
307
+ }
306
308
  }
307
309
 
308
- .dropdown-toggle:after{
310
+ .dropdown-toggle:after {
309
311
 
310
312
  content: unset;
311
313
 
312
314
  }
313
315
 
314
316
  .btn:not(:disabled):not(.disabled).active:focus,
315
- .btn:not(:disabled):not(.disabled):active:focus,
316
- .show>.btn.dropdown-toggle:focus{
317
- box-shadow: none;
318
- }
317
+ .btn:not(:disabled):not(.disabled):active:focus,
318
+ .show>.btn.dropdown-toggle:focus {
319
+ box-shadow: none;
320
+ }
319
321
 
320
322
  // Dropown: Sizes
321
323
 
322
324
  .dropdown-menu-sm {
323
- min-width: 100px;
324
- border: $border-radius-lg;
325
+ min-width: 100px;
326
+ border: $border-radius-lg;
325
327
  }
326
328
 
327
329
  .dropdown-menu-lg {
328
- min-width: 260px;
329
- border-radius: $border-radius-lg;
330
+ min-width: 260px;
331
+ border-radius: $border-radius-lg;
330
332
  }
331
333
 
332
334
  .dropdown-menu-xl {
333
- min-width: 450px;
334
- border-radius: $border-radius-lg;
335
+ min-width: 450px;
336
+ border-radius: $border-radius-lg;
335
337
  }
336
338
 
337
- @include media-breakpoint-down(md){
338
- .button-dropdown{
339
- display: none;
339
+ @include media-breakpoint-down(md) {
340
+ .button-dropdown {
341
+ display: none;
340
342
  }
341
- .dropdown-toggle:after{
342
- display: inline-block;
343
- width: 0;
344
- height: 0;
345
- margin-left: .255em;
346
- vertical-align: .255em;
347
- content: "";
348
- border-top: .3em solid;
349
- border-right: .3em solid transparent;
350
- border-bottom: 0;
351
- border-left: .3em solid transparent;
343
+
344
+ .dropdown-toggle:after {
345
+ display: inline-block;
346
+ width: 0;
347
+ height: 0;
348
+ margin-left: .255em;
349
+ vertical-align: .255em;
350
+ content: "";
351
+ border-top: .3em solid;
352
+ border-right: .3em solid transparent;
353
+ border-bottom: 0;
354
+ border-left: .3em solid transparent;
352
355
 
353
356
  }
354
357
  }
355
358
 
356
-
357
- @include media-breakpoint-up(lg){
358
- .dropdown-menu .dropdown-item{
359
+ @include media-breakpoint-up(lg) {
360
+ .dropdown-menu .dropdown-item {
359
361
  color: $dark-gray;
360
362
  }
361
- }
363
+ }
@@ -24,16 +24,18 @@
24
24
  .bootstrap-datetimepicker-widget {
25
25
  list-style: none;
26
26
  }
27
+
27
28
  .bootstrap-datetimepicker-widget a .btn:hover {
28
29
  background-color: transparent;
29
30
  }
31
+
30
32
  .bootstrap-datetimepicker-widget.dropdown-menu {
31
33
  padding: 8px 6px;
32
34
  width: 254px;
33
35
  max-width: 254px;
34
36
 
35
- .tim-icons{
36
- opacity: 1;
37
+ .tim-icons {
38
+ opacity: 1;
37
39
  }
38
40
 
39
41
  .picker-switch {
@@ -56,7 +58,9 @@
56
58
  }
57
59
  }
58
60
  }
61
+
59
62
  .table-condensed {
63
+
60
64
  .month,
61
65
  .year,
62
66
  .decade {
@@ -68,91 +72,104 @@
68
72
  }
69
73
  }
70
74
  }
71
- @include media-breakpoint-up(md){
75
+
76
+ @include media-breakpoint-up(md) {
72
77
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
73
78
  width: 38em;
74
79
  }
75
80
  }
76
- @include media-breakpoint-up(lg){
81
+
82
+ @include media-breakpoint-up(lg) {
77
83
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
78
84
  width: 38em;
79
85
  }
80
86
  }
81
- @include media-breakpoint-up(xl){
87
+
88
+ @include media-breakpoint-up(xl) {
82
89
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
83
90
  width: 38em;
84
91
  }
85
92
  }
86
- .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{
87
- display: inline-block;
88
- position: absolute;
89
- width: 0;
90
- height: 0;
91
- vertical-align: middle;
92
- content: "";
93
- right: auto;
94
- border-bottom: .4em solid;
95
- border-right: .4em solid transparent;
96
- border-left: .4em solid transparent;
97
-
98
-
99
- }
100
-
101
- .bootstrap-datetimepicker-widget.dropdown-menu.top:before{
102
- display: none;
103
- }
104
-
105
- .bootstrap-datetimepicker-widget.dropdown-menu.top:after{
106
- display: inline-block;
107
- position: absolute;
108
- width: 0;
109
- height: 0;
110
- vertical-align: middle;
111
- content: "";
112
- top: auto;
113
- bottom: -6px;
114
- right: auto;
115
- left: 10px;
116
- color: $white;
117
- border-top: .4em solid;
118
- border-right: .4em solid transparent;
119
- border-left: .4em solid transparent;
93
+
94
+ .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
95
+ display: inline-block;
96
+ position: absolute;
97
+ width: 0;
98
+ height: 0;
99
+ vertical-align: middle;
100
+ content: "";
101
+ right: auto;
102
+ border-bottom: .4em solid;
103
+ border-right: .4em solid transparent;
104
+ border-left: .4em solid transparent;
105
+
106
+ }
107
+
108
+ .bootstrap-datetimepicker-widget.dropdown-menu.top:before {
109
+ display: none;
110
+ }
111
+
112
+ .bootstrap-datetimepicker-widget.dropdown-menu.top:after {
113
+ display: inline-block;
114
+ position: absolute;
115
+ width: 0;
116
+ height: 0;
117
+ vertical-align: middle;
118
+ content: "";
119
+ top: auto;
120
+ bottom: -6px;
121
+ right: auto;
122
+ left: 10px;
123
+ color: $white;
124
+ border-top: .4em solid;
125
+ border-right: .4em solid transparent;
126
+ border-left: .4em solid transparent;
120
127
  }
128
+
121
129
  .bootstrap-datetimepicker-widget.dropdown-menu.top {
122
130
  margin-top: auto;
123
131
  margin-bottom: -20px;
124
132
  }
133
+
125
134
  .bootstrap-datetimepicker-widget.dropdown-menu.top.open {
126
135
  margin-top: auto;
127
136
  margin-bottom: 3px;
128
137
  }
138
+
129
139
  .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
130
140
  left: auto;
131
141
  right: 6px;
132
142
  }
143
+
133
144
  .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
134
145
  left: auto;
135
146
  right: 7px;
136
147
  }
148
+
137
149
  .bootstrap-datetimepicker-widget .list-unstyled {
138
150
  margin: 0;
139
151
  }
152
+
140
153
  .bootstrap-datetimepicker-widget a[data-action] {
141
154
  padding: 0;
142
155
  border-width: 0;
143
156
  color: #fff;
144
157
  background-color: transparent;
145
158
  }
159
+
146
160
  .bootstrap-datetimepicker-widget a[data-action="togglePicker"],
147
161
  .bootstrap-datetimepicker-widget a[data-action="togglePicker"]:hover {
148
- color: $primary;
162
+ color: $primary;
149
163
  }
164
+
150
165
  .bootstrap-datetimepicker-widget a[data-action]:hover {
151
166
  background-color: transparent;
152
167
  }
168
+
153
169
  .bootstrap-datetimepicker-widget a[data-action]:active {
154
170
  box-shadow: none;
155
171
  }
172
+
156
173
  .bootstrap-datetimepicker-widget .timepicker-hour,
157
174
  .bootstrap-datetimepicker-widget .timepicker-minute,
158
175
  .bootstrap-datetimepicker-widget .timepicker-second {
@@ -165,6 +182,7 @@
165
182
  border-radius: 50%;
166
183
  color: $dark-gray;
167
184
  }
185
+
168
186
  .bootstrap-datetimepicker-widget button[data-action] {
169
187
  width: 38px;
170
188
  height: 38px;
@@ -172,44 +190,56 @@
172
190
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.2);
173
191
  }
174
192
 
175
- .bootstrap-datetimepicker-widget .btn{
176
- margin: 0 !important;
193
+ .bootstrap-datetimepicker-widget .btn {
194
+ margin: 0 !important;
177
195
  }
196
+
178
197
  .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
179
198
  content: "Increment Hours";
180
199
  }
200
+
181
201
  .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
182
202
  content: "Increment Minutes";
183
203
  }
204
+
184
205
  .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
185
206
  content: "Decrement Hours";
186
207
  }
208
+
187
209
  .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
188
210
  content: "Decrement Minutes";
189
211
  }
212
+
190
213
  .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
191
214
  content: "Show Hours";
192
215
  }
216
+
193
217
  .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
194
218
  content: "Show Minutes";
195
219
  }
220
+
196
221
  .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
197
222
  content: "Toggle AM/PM";
198
223
  }
224
+
199
225
  .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
200
226
  content: "Clear the picker";
201
227
  }
228
+
202
229
  .bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
203
230
  content: "Set the date to today";
204
231
  }
232
+
205
233
  .bootstrap-datetimepicker-widget .picker-switch {
206
234
  text-align: center;
207
235
  border-radius: 3px;
208
236
  color: $primary;
209
237
  }
238
+
210
239
  .bootstrap-datetimepicker-widget .picker-switch::after {
211
240
  content: "Toggle Date and Time Screens";
212
241
  }
242
+
213
243
  .bootstrap-datetimepicker-widget .picker-switch td {
214
244
  padding: 0;
215
245
  margin: 0;
@@ -217,6 +247,7 @@
217
247
  width: auto;
218
248
  line-height: inherit;
219
249
  }
250
+
220
251
  .bootstrap-datetimepicker-widget .picker-switch td span {
221
252
  line-height: 2.5;
222
253
  height: 2.5em;
@@ -224,29 +255,38 @@
224
255
  border-radius: 3px;
225
256
  margin: 2px 0px !important;
226
257
  }
258
+
227
259
  .bootstrap-datetimepicker-widget table {
228
260
  width: 100%;
229
261
  margin: 0;
230
262
  text-align: center;
231
263
  }
232
- .bootstrap-datetimepicker-widget table td > div, .bootstrap-datetimepicker-widget table th > div {
264
+
265
+ .bootstrap-datetimepicker-widget table td>div,
266
+ .bootstrap-datetimepicker-widget table th>div {
233
267
  text-align: center;
234
268
  }
269
+
235
270
  .bootstrap-datetimepicker-widget table th {
236
271
  height: 20px;
237
272
  line-height: 20px;
238
273
  width: 20px;
239
274
  font-weight: 300;
240
275
  }
276
+
241
277
  .bootstrap-datetimepicker-widget table th.picker-switch {
242
278
  width: 145px;
243
279
  }
244
- .bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover {
280
+
281
+ .bootstrap-datetimepicker-widget table th.disabled,
282
+ .bootstrap-datetimepicker-widget table th.disabled:hover {
245
283
  background: none;
246
284
  color: #cfcfca;
247
285
  cursor: not-allowed;
248
286
  }
249
- .bootstrap-datetimepicker-widget table th.prev span, .bootstrap-datetimepicker-widget table th.next span {
287
+
288
+ .bootstrap-datetimepicker-widget table th.prev span,
289
+ .bootstrap-datetimepicker-widget table th.next span {
250
290
  border-radius: 4px;
251
291
  height: 27px;
252
292
  width: 27px;
@@ -256,34 +296,41 @@
256
296
  text-align: center;
257
297
  color: $primary;
258
298
  }
299
+
259
300
  .bootstrap-datetimepicker-widget table th.prev::after {
260
301
  content: "Previous Month";
261
302
  }
303
+
262
304
  .bootstrap-datetimepicker-widget table th.next::after {
263
305
  content: "Next Month";
264
306
  }
307
+
265
308
  .bootstrap-datetimepicker-widget table th.dow {
266
309
  text-align: center;
267
310
  color: $primary;
268
311
  padding-bottom: 5px;
269
312
  padding-top: 10px;
270
313
  }
314
+
271
315
  .bootstrap-datetimepicker-widget table thead tr:first-child th {
272
316
  cursor: pointer;
273
317
  }
274
- .bootstrap-datetimepicker-widget table thead tr:first-child th:hover span, .bootstrap-datetimepicker-widget table thead tr:first-child th.picker-switch:hover {
318
+
319
+ .bootstrap-datetimepicker-widget table thead tr:first-child th:hover span,
320
+ .bootstrap-datetimepicker-widget table thead tr:first-child th.picker-switch:hover {
275
321
  background: #eee;
276
322
  }
277
323
 
278
- .bootstrap-datetimepicker-widget table td.cw > div {
324
+ .bootstrap-datetimepicker-widget table td.cw>div {
279
325
  font-size: .8em;
280
326
  height: 20px;
281
327
  line-height: 20px;
282
328
  color: #cfcfca;
283
329
  }
284
- .bootstrap-datetimepicker-widget table td.day > div,
285
- .bootstrap-datetimepicker-widget table td.minute > div,
286
- .bootstrap-datetimepicker-widget table td.hour > div {
330
+
331
+ .bootstrap-datetimepicker-widget table td.day>div,
332
+ .bootstrap-datetimepicker-widget table td.minute>div,
333
+ .bootstrap-datetimepicker-widget table td.hour>div {
287
334
  height: 30px;
288
335
  line-height: 2.2;
289
336
  width: 30px;
@@ -300,14 +347,21 @@
300
347
  cursor: pointer;
301
348
  @include transitions($general-transition-time, $transition-ease);
302
349
  }
303
- .bootstrap-datetimepicker-widget table td.day:hover > div, .bootstrap-datetimepicker-widget table td.hour:hover > div, .bootstrap-datetimepicker-widget table td.minute:hover > div, .bootstrap-datetimepicker-widget table td.second:hover > div {
350
+
351
+ .bootstrap-datetimepicker-widget table td.day:hover>div,
352
+ .bootstrap-datetimepicker-widget table td.hour:hover>div,
353
+ .bootstrap-datetimepicker-widget table td.minute:hover>div,
354
+ .bootstrap-datetimepicker-widget table td.second:hover>div {
304
355
  background: #eee;
305
356
  cursor: pointer;
306
357
  }
307
- .bootstrap-datetimepicker-widget table td.old > div, .bootstrap-datetimepicker-widget table td.new > div {
358
+
359
+ .bootstrap-datetimepicker-widget table td.old>div,
360
+ .bootstrap-datetimepicker-widget table td.new>div {
308
361
  color: $default;
309
362
  }
310
- .bootstrap-datetimepicker-widget table td.today > div:before {
363
+
364
+ .bootstrap-datetimepicker-widget table td.today>div:before {
311
365
  content: '';
312
366
  display: inline-block;
313
367
  border: 0 0 7px 7px solid transparent;
@@ -317,19 +371,25 @@
317
371
  bottom: 4px;
318
372
  right: 4px;
319
373
  }
320
- .bootstrap-datetimepicker-widget table td.active > div, .bootstrap-datetimepicker-widget table td.active:hover > div {
374
+
375
+ .bootstrap-datetimepicker-widget table td.active>div,
376
+ .bootstrap-datetimepicker-widget table td.active:hover>div {
321
377
  background-color: $primary;
322
378
  color: $white;
323
379
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.2);
324
380
  }
325
- .bootstrap-datetimepicker-widget table td.active.today:before > div {
381
+
382
+ .bootstrap-datetimepicker-widget table td.active.today:before>div {
326
383
  border-bottom-color: $white;
327
384
  }
328
- .bootstrap-datetimepicker-widget table td.disabled > div, .bootstrap-datetimepicker-widget table td.disabled:hover > div {
385
+
386
+ .bootstrap-datetimepicker-widget table td.disabled>div,
387
+ .bootstrap-datetimepicker-widget table td.disabled:hover>div {
329
388
  background: none;
330
389
  color: #cfcfca;
331
390
  cursor: not-allowed;
332
391
  }
392
+
333
393
  .bootstrap-datetimepicker-widget table td span {
334
394
  display: inline-block;
335
395
  width: 40px;
@@ -345,19 +405,24 @@
345
405
  background-color: $primary;
346
406
  color: #FFFFFF;
347
407
  }
408
+
348
409
  .bootstrap-datetimepicker-widget table td span.old {
349
410
  color: #cfcfca;
350
411
  }
351
- .bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover {
412
+
413
+ .bootstrap-datetimepicker-widget table td span.disabled,
414
+ .bootstrap-datetimepicker-widget table td span.disabled:hover {
352
415
  background: none;
353
416
  color: #cfcfca;
354
417
  cursor: not-allowed;
355
418
  }
419
+
356
420
  .bootstrap-datetimepicker-widget .timepicker-picker span,
357
421
  .bootstrap-datetimepicker-widget .timepicker-hours span,
358
422
  .bootstrap-datetimepicker-widget .timepicker-minutes span {
359
423
  border-radius: 50% !important;
360
424
  }
425
+
361
426
  .bootstrap-datetimepicker-widget.usetwentyfour td.hour {
362
427
  height: 27px;
363
428
  line-height: 27px;
@@ -367,134 +432,133 @@
367
432
  cursor: pointer;
368
433
  }
369
434
 
370
- .table-condensed > tbody > tr > td,
371
- .table-condensed > tbody > tr > th,
372
- .table-condensed > tfoot > tr > td,
373
- .table-condensed > tfoot > tr > th,
374
- .table-condensed > thead > tr > td,
375
- .table-condensed > thead > tr > th {
435
+ .table-condensed>tbody>tr>td,
436
+ .table-condensed>tbody>tr>th,
437
+ .table-condensed>tfoot>tr>td,
438
+ .table-condensed>tfoot>tr>th,
439
+ .table-condensed>thead>tr>td,
440
+ .table-condensed>thead>tr>th {
376
441
  padding: 1px;
377
442
  text-align: center;
378
443
  z-index: 1;
379
444
  cursor: pointer;
380
445
  }
381
446
 
382
- input.datetimepicker[data-color] + .bootstrap-datetimepicker-widget{
383
- .picker-switch,
384
- table th.prev span,
385
- table th.next span,
386
- table td.day > div,
387
- a[data-action="togglePicker"],
388
- a[data-action="togglePicker"]:hover,
389
- span,
390
- .timepicker-hours span,
391
- .timepicker-minutes span,
392
- .separator,
393
- table td.minute > div,
394
- table td.hour > div{
395
- color: $dark-gray;
396
- }
397
-
398
-
447
+ input.datetimepicker[data-color]+.bootstrap-datetimepicker-widget {
448
+
449
+ .picker-switch,
450
+ table th.prev span,
451
+ table th.next span,
452
+ table td.day>div,
453
+ a[data-action="togglePicker"],
454
+ a[data-action="togglePicker"]:hover,
455
+ span,
456
+ .timepicker-hours span,
457
+ .timepicker-minutes span,
458
+ .separator,
459
+ table td.minute>div,
460
+ table td.hour>div {
461
+ color: $dark-gray;
462
+ }
399
463
 
400
- table th.dow{
401
- color: $opacity-8;
402
- }
464
+ table th.dow {
465
+ color: $opacity-8;
466
+ }
403
467
 
404
- table td.old > div,
405
- table td.new > div{
406
- color: rgba(255,255,255, .4);
407
- }
468
+ table td.old>div,
469
+ table td.new>div {
470
+ color: rgba(255, 255, 255, .4);
471
+ }
408
472
 
409
- button[data-action]{
410
- background-color: $white;
411
- }
473
+ button[data-action] {
474
+ background-color: $white;
475
+ }
412
476
 
413
- table td.active > div,
414
- table td.active:hover > div{
415
- background-color: $white;
416
- }
477
+ table td.active>div,
478
+ table td.active:hover>div {
479
+ background-color: $white;
480
+ }
417
481
 
418
- table td:not(.active).day:hover > div,
419
- table td.hour:hover > div,
420
- table td.minute:hover > div,
421
- table td.second:hover > div,
422
- table td span:hover{
423
- background: $opacity-2;
424
- }
482
+ table td:not(.active).day:hover>div,
483
+ table td.hour:hover>div,
484
+ table td.minute:hover>div,
485
+ table td.second:hover>div,
486
+ table td span:hover {
487
+ background: $opacity-2;
488
+ }
425
489
 
426
- table thead tr:first-child th:hover span,
427
- table thead tr:first-child th.picker-switch:hover{
428
- background-color: $opacity-2;
429
- }
490
+ table thead tr:first-child th:hover span,
491
+ table thead tr:first-child th.picker-switch:hover {
492
+ background-color: $opacity-2;
493
+ }
430
494
  }
431
495
 
496
+ input.datetimepicker[data-color="orange"]+.bootstrap-datetimepicker-widget {
497
+ background-color: $primary;
432
498
 
433
- input.datetimepicker[data-color="orange"] + .bootstrap-datetimepicker-widget{
434
- background-color: $primary;
435
-
436
- table td.active > div,
437
- table td.active:hover > div,
438
- button[data-action],
439
- &.dropdown-menu.top:after,
440
- &.dropdown-menu.bottom:before{
441
- color: $primary;
442
- }
499
+ table td.active>div,
500
+ table td.active:hover>div,
501
+ button[data-action],
502
+ &.dropdown-menu.top:after,
503
+ &.dropdown-menu.bottom:before {
504
+ color: $primary;
505
+ }
443
506
  }
444
507
 
445
- input.datetimepicker[data-color="blue"] + .bootstrap-datetimepicker-widget{
446
- background-color: $info;
508
+ input.datetimepicker[data-color="blue"]+.bootstrap-datetimepicker-widget {
509
+ background-color: $info;
447
510
 
448
- table td.active > div,
449
- table td.active:hover > div,
450
- button[data-action],
451
- &.dropdown-menu.top:after,
452
- &.dropdown-menu.bottom:before{
453
- color: $info;
454
- }
511
+ table td.active>div,
512
+ table td.active:hover>div,
513
+ button[data-action],
514
+ &.dropdown-menu.top:after,
515
+ &.dropdown-menu.bottom:before {
516
+ color: $info;
517
+ }
455
518
  }
456
519
 
457
- input.datetimepicker[data-color="green"] + .bootstrap-datetimepicker-widget{
458
- background-color: $success;
520
+ input.datetimepicker[data-color="green"]+.bootstrap-datetimepicker-widget {
521
+ background-color: $success;
459
522
 
460
- table td.active > div,
461
- table td.active:hover > div,
462
- button[data-action],
463
- &.dropdown-menu.top:after,
464
- &.dropdown-menu.bottom:before{
465
- color: $success;
466
- }
523
+ table td.active>div,
524
+ table td.active:hover>div,
525
+ button[data-action],
526
+ &.dropdown-menu.top:after,
527
+ &.dropdown-menu.bottom:before {
528
+ color: $success;
529
+ }
467
530
  }
468
531
 
469
- input.datetimepicker[data-color="red"] + .bootstrap-datetimepicker-widget{
470
- background-color: $danger;
532
+ input.datetimepicker[data-color="red"]+.bootstrap-datetimepicker-widget {
533
+ background-color: $danger;
471
534
 
472
- table td.active > div,
473
- table td.active:hover > div,
474
- button[data-action],
475
- &.dropdown-menu.top:after,
476
- &.dropdown-menu.bottom:before{
477
- color: $danger;
478
- }
535
+ table td.active>div,
536
+ table td.active:hover>div,
537
+ button[data-action],
538
+ &.dropdown-menu.top:after,
539
+ &.dropdown-menu.bottom:before {
540
+ color: $danger;
541
+ }
479
542
  }
480
543
 
481
- input.datetimepicker[data-color="yellow"] + .bootstrap-datetimepicker-widget{
482
- background-color: $warning;
544
+ input.datetimepicker[data-color="yellow"]+.bootstrap-datetimepicker-widget {
545
+ background-color: $warning;
483
546
 
484
- table td.active > div,
485
- table td.active:hover > div,
486
- button[data-action],
487
- &.dropdown-menu.top:after,
488
- &.dropdown-menu.bottom:before{
489
- color: $warning;
490
- }
547
+ table td.active>div,
548
+ table td.active:hover>div,
549
+ button[data-action],
550
+ &.dropdown-menu.top:after,
551
+ &.dropdown-menu.bottom:before {
552
+ color: $warning;
553
+ }
491
554
  }
492
555
 
493
-
494
556
  .bootstrap-datetimepicker-widget {
495
557
  &.dropdown-black {
496
558
  .datepicker-days {
497
- .day, .minute{
559
+
560
+ .day,
561
+ .minute {
498
562
  color: rgba(255, 255, 255, 0.7);
499
563
 
500
564
  &:hover {
@@ -503,16 +567,21 @@ input.datetimepicker[data-color="yellow"] + .bootstrap-datetimepicker-widget{
503
567
  }
504
568
  }
505
569
 
506
- table td span, table td.minute, table td.hour{
570
+ table td span,
571
+ table td.minute,
572
+ table td.hour {
507
573
  color: rgba(255, 255, 255, 0.7);
508
574
  }
509
- table td span:hover, table td.minute:hover, table td.hour:hover {
575
+
576
+ table td span:hover,
577
+ table td.minute:hover,
578
+ table td.hour:hover {
510
579
  background: transparent;
511
580
  color: rgba(255, 255, 255, 0.4);
512
581
 
513
- div{
514
- background: transparent;
515
- }
582
+ div {
583
+ background: transparent;
584
+ }
516
585
 
517
586
  }
518
587
 
@@ -524,4 +593,4 @@ input.datetimepicker[data-color="yellow"] + .bootstrap-datetimepicker-widget{
524
593
  background: transparent;
525
594
  }
526
595
  }
527
- }
596
+ }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: viniBaxter-desk_front
3
3
  version: !ruby/object:Gem::Version
4
- version: 10.0.0
4
+ version: 11.0.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - viny baxter
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2020-05-07 00:00:00.000000000 Z
11
+ date: 2020-05-11 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler