viniBaxter-desk_front 10.0.0 → 11.0.0

Sign up to get free protection for your applications and to get access to all the features.
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