@lingk/sync 0.1.70 → 0.1.72

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.
@@ -0,0 +1,1106 @@
1
+ * {
2
+ box-sizing: border-box;
3
+ }
4
+ body{
5
+ margin: 0 !important;
6
+ padding: 0 !important;
7
+ -webkit-font-smoothing: antialiased;
8
+ }
9
+ .rc-time-picker-panel-clear-btn{
10
+ display: none;
11
+ }
12
+ .help-tooltip-pop .tooltip{
13
+ border:none !important;
14
+ }
15
+ .wizard-body{
16
+ width:100%;
17
+ height: 100%;
18
+ }
19
+ .wizard-sidebar{
20
+ display: inline-block;
21
+ height: 100%;
22
+ }
23
+ .wizard-content{
24
+ vertical-align:top;
25
+ padding:31px 28px 31px 45px;
26
+ display:inline-block;
27
+ height: 100%;
28
+ overflow-y: scroll;
29
+ }
30
+ .schema-field {
31
+ position: relative;
32
+ }
33
+ .wizard-map-field {
34
+ cursor:pointer;
35
+ }
36
+ .wizard-map-field:hover {
37
+ background: #dfe0e0 !important;
38
+ }
39
+ .schema-panel{
40
+ line-height: 1.4;
41
+ border-radius: 7px;
42
+ margin-bottom: 8px;
43
+ color: white;
44
+ -webkit-user-select: none;
45
+ -moz-user-select: none;
46
+ -ms-user-select: none;
47
+ user-select: none;
48
+ border-radius:4px;
49
+ position: relative;
50
+ z-index: 6;
51
+ margin-left:15px;
52
+ }
53
+ .schema-panel:first-child{
54
+ margin-left:0px;
55
+ }
56
+ .schema-panel-header{
57
+ padding: 9px 13px;
58
+ font-weight: bold;
59
+ height: 50px;
60
+ }
61
+ .accordion-panel{
62
+ line-height: 1.4;
63
+ border-radius: 7px;
64
+ margin-bottom: 8px;
65
+ -webkit-user-select:none;
66
+ -moz-user-select:none;
67
+ -ms-user-select:none;
68
+ user-select:none;
69
+ }
70
+ .accordion-panel-header{
71
+ color: white;
72
+ padding: 9px 13px;
73
+ font-weight: bold;
74
+ cursor:pointer;
75
+ -webkit-user-select: none;
76
+ -moz-user-select: none;
77
+ -ms-user-select: none;
78
+ user-select: none;
79
+ height: 50px;
80
+ }
81
+ .accordion-panel-header-title{
82
+ max-width: 275px;
83
+ display: inline-block;
84
+ overflow-x: ellipsis;
85
+ white-space: nowrap;
86
+ text-overflow: ellipsis;
87
+ overflow: hidden;
88
+ }
89
+ .accordion-panel-header:hover{
90
+ text-decoration: underline;
91
+ }
92
+ .accordion-panel-close{
93
+ width: 32px;
94
+ height: 32px;
95
+ padding-top:6px;
96
+ text-align: center;
97
+ display: inline-block;
98
+ float: right;
99
+ border-radius: 50%;
100
+ cursor: pointer;
101
+ }
102
+ .accordion-panel-close:hover{
103
+ background: rgba(255,255,255,0.5);
104
+ }
105
+ .accordion-panel-close svg path{
106
+ stroke:white;
107
+ }
108
+ .accordion-panel-close-disabled{
109
+ width: 32px;
110
+ height: 32px;
111
+ padding-top:6px;
112
+ text-align: center;
113
+ display: inline-block;
114
+ float: right;
115
+ border-radius: 50%;
116
+ pointer-events: none;
117
+ }
118
+ .accordion-panel-close-disabled svg path{
119
+ stroke:rgba(255,255,255,0.5);
120
+ }
121
+ .accordion-panel-collapse{
122
+ -webkit-transition: all 0.2s;
123
+ transition: all 0.2s;
124
+ }
125
+ .accordion-panel-parameters{
126
+ display: inline-block;
127
+ vertical-align: top;
128
+ margin-left: 12px;
129
+ margin-top: -5px;
130
+ cursor: pointer;
131
+ }
132
+ .accordion-panel-parameters:hover svg path:nth-child(2){
133
+ fill:#DDDDDD;
134
+ }
135
+ .delete-parameter-row{
136
+ display: inline-block;
137
+ cursor: pointer;
138
+ margin-left: 8px;
139
+ }
140
+ .delete-parameter-row-svg path{
141
+ stroke:grey;
142
+ }
143
+ .delete-parameter-row-svg:hover path{
144
+ stroke:black;
145
+ }
146
+ .add-param-filter .slds-button{
147
+ font-size: 14px;
148
+ font-weight: bold;
149
+ }
150
+ .add-param-filter .slds-button[disabled]{
151
+ color:#555;
152
+ }
153
+
154
+
155
+ .transition{
156
+ -webkit-transition: all 0.2s;
157
+ transition: all 0.2s;
158
+ }
159
+ .schema-field:first-child {
160
+ margin-top: 5px;
161
+ }
162
+ .schema-accordion-type{
163
+ float: right;
164
+ color: grey;
165
+ cursor: pointer;
166
+ -webkit-user-select: none;
167
+ -moz-user-select: none;
168
+ -ms-user-select: none;
169
+ user-select: none;
170
+ }
171
+ .schema-accordion-type:hover{
172
+ float: right;
173
+ color: black;
174
+ }
175
+
176
+ .schema-accordion-section-label{
177
+ color: #54698d;
178
+ text-transform:uppercase;
179
+ letter-spacing:1px;
180
+ margin-left:12px;
181
+ margin-top:9px;
182
+ display:inline-block;
183
+ }
184
+ .bundle-table-header{
185
+ color: #54698d;
186
+ text-transform:uppercase;
187
+ letter-spacing:1px;
188
+ width:100%;
189
+ padding:8px 16px;
190
+ font-size: 12px;
191
+ }
192
+ .bundle-table-body{
193
+ color: #16325c;
194
+ position: relative;
195
+ }
196
+ .bundle-table-row{
197
+ position: relative;
198
+ border-bottom: 1px solid rgb(204, 205, 207);
199
+ border-top: 1px solid rgb(204, 205, 207);
200
+ margin-top:-1px;
201
+ padding: 8px 16px 3px 16px;
202
+ cursor: pointer;
203
+ height:50px;
204
+ }
205
+ .bundle-table-row:hover{
206
+ background:#f4f6f9 !important;
207
+
208
+ }
209
+ .bundle-table-row:hover:before{
210
+ border-top: 5px solid rgb(204, 205, 207);
211
+ content: "";
212
+ display: block;
213
+ position: absolute;
214
+ }
215
+
216
+ .schema-checkbox{
217
+ display: inline-block;
218
+ }
219
+ .schema-field-bold{
220
+ font-weight: bold;
221
+ }
222
+ .schema-external-key{
223
+ cursor: pointer;
224
+ opacity: 0;
225
+ width: 95%;
226
+ position: absolute;
227
+ right: 0;
228
+ margin-top:2px;
229
+ }
230
+ .schema-external-key:hover{
231
+ opacity: 0.5;
232
+ }
233
+ .schema-external-key:hover + .schema-checkbox{
234
+ font-weight: bold;
235
+ }
236
+ .schema-group-arrow{
237
+ fill:#555555;
238
+ cursor:pointer;
239
+ height:60px;
240
+ width:60px;
241
+ }
242
+ .schema-group-arrow:hover{
243
+ fill:#0070d2;
244
+ }
245
+ .schema-group-arrow-back{
246
+ position: absolute;
247
+ left:8px;
248
+ top:2px;
249
+ -webkit-transform:rotate(180deg);
250
+ -ms-transform:rotate(180deg);
251
+ transform:rotate(180deg);
252
+ }
253
+ .schema-group-arrow-forward{
254
+ position: absolute;
255
+ left:55px;
256
+ top:2px;
257
+ }
258
+ .schema-groups{
259
+ position: absolute;
260
+ top:18px;
261
+ left:120px;
262
+ font-size:20px;
263
+ height: 32px;
264
+ width:600px;
265
+ overflow: hidden;
266
+ }
267
+ .schema-groups-slider{
268
+ -webkit-transition: all 0.3s;
269
+ transition: all 0.3s;
270
+ }
271
+ .schema-group-name{
272
+ width:600px;
273
+ display: inline-block;
274
+ overflow: hidden;
275
+ white-space: nowrap;
276
+ text-overflow: ellipsis;
277
+ -webkit-user-select:none;
278
+ -moz-user-select:none;
279
+ -ms-user-select:none;
280
+ user-select:none;
281
+ font-weight: bold;
282
+ }
283
+ .schema-group-dots{
284
+ width: 63%;
285
+ margin: 28px 0px 0px 120px;
286
+ }
287
+ .schema-group-dot{
288
+ width:6px;
289
+ height:7px;
290
+ margin:2px;
291
+ display: inline-block;
292
+ background:#0070d2;
293
+ cursor:pointer;
294
+ }
295
+
296
+ .accordion-group-slider{
297
+ -webkit-transition: all 0.3s;
298
+ transition: all 0.3s;
299
+ position: relative;
300
+ top:0;
301
+ }
302
+ .accordion-group{
303
+ overflow-y: visible;
304
+ display: inline-block;
305
+ padding:6px 12px;
306
+ position: absolute;
307
+ width: 100%;
308
+ }
309
+ .remove-resource-group{
310
+ width: 32px;
311
+ height: 32px;
312
+ text-align: center;
313
+ border-radius: 50%;
314
+ padding-top: 6px;
315
+ cursor: pointer;
316
+ display: inline-block;
317
+ vertical-align: top;
318
+ float:right;
319
+ }
320
+ .remove-resource-group-disabled{
321
+ width: 32px;
322
+ height: 32px;
323
+ text-align: center;
324
+ border-radius: 50%;
325
+ padding-top: 5px;
326
+ display: inline-block;
327
+ vertical-align: top;
328
+ float:right;
329
+ margin-top:1px;
330
+ }
331
+ .remove-resource-group-disabled > svg > path{
332
+ stroke-linecap:round;
333
+ stroke-width:7;
334
+ stroke:#CCCCCC;
335
+ }
336
+ .connect-resource-group{
337
+ width: 33px;
338
+ height: 33px;
339
+ text-align: center;
340
+ border-radius: 50%;
341
+ cursor: pointer;
342
+ vertical-align: top;
343
+ margin-left:26px;
344
+ }
345
+ .remove-resource-group:hover + .schema-group-nav{
346
+ color: #AA0000;
347
+ }
348
+ .remove-resource-group > svg > path{
349
+ stroke-linecap:round;
350
+ stroke-width:7;
351
+ stroke:#555555;
352
+ }
353
+ .connect-resource-group:hover{
354
+ background: #0070d2;
355
+ }
356
+ .connect-resource-group:hover > svg > path{
357
+ fill:white;
358
+ }
359
+ .remove-resource-group:hover{
360
+ background: #c23934;
361
+ }
362
+ .remove-resource-group:hover > svg > path{
363
+ stroke:white;
364
+ }
365
+ .join-ok{
366
+ background: transparent;
367
+ border:1px solid transparent;
368
+ font-weight: normal;
369
+ max-width: 281px;
370
+ text-overflow: ellipsis;
371
+ white-space: nowrap !important;
372
+ overflow: hidden;
373
+ padding-right:24px !important;
374
+ position: relative;
375
+ }
376
+ .join-ok svg{
377
+ position: absolute;
378
+ right:6px;
379
+ top:9px;
380
+ }
381
+ .transform-data-type{
382
+ display: inline-block;
383
+ border-radius: 3px;
384
+ cursor:pointer;
385
+ margin:8px;
386
+ padding:2px 5px;
387
+ }
388
+ .transform-data-type:hover{
389
+ border: 1px solid black;
390
+ }
391
+ .scrolly-wrap{
392
+ padding:0px 2px 2px 0px;
393
+ overflow-x: hidden;
394
+ }
395
+ .scrolly{
396
+ overflow-y: scroll;
397
+ overflow-x: hidden;
398
+ text-overflow: ellipsis;
399
+ -webkit-user-select:none;
400
+ -moz-user-select:none;
401
+ -ms-user-select:none;
402
+ user-select:none;
403
+ }
404
+ .scrolly-wrap:hover .scrolly::-webkit-scrollbar {
405
+ -webkit-appearance: none;
406
+ width: 7px;
407
+ }
408
+ .scrolly-wrap:hover .scrolly::-webkit-scrollbar-thumb {
409
+ border-radius: 4px;
410
+ background-color: rgba(0,0,0,.3);
411
+ -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
412
+ }
413
+ .x-clear-mapping{
414
+ cursor: pointer;
415
+ text-align: center;
416
+ color: #AA0000;
417
+ font-weight: bold;
418
+ -webkit-user-select:none;
419
+ -moz-user-select:none;
420
+ -ms-user-select:none;
421
+ user-select:none;
422
+ height: 19px;
423
+ width: 19px;
424
+ display: inline-block;
425
+ vertical-align: top;
426
+ margin-right:11px;
427
+ }
428
+ .x-clear-mapping:hover{
429
+ color: rgb(212, 63, 58);
430
+ -webkit-transform:scale(1.3,1.3);
431
+ -ms-transform:scale(1.3,1.3);
432
+ transform:scale(1.3,1.3);
433
+ }
434
+ .x-clear-mapping:hover + .mapping-entry{
435
+ color: grey;
436
+ }
437
+ .mapping-entry{
438
+ display: inline-block;
439
+ vertical-align: middle;
440
+ max-width: 350px;
441
+ white-space: nowrap;
442
+ text-overflow: ellipsis;
443
+ overflow: hidden;
444
+ font-weight: normal;
445
+ }
446
+ .map-table-transform-icon{
447
+ height:19px;
448
+ width:24px;
449
+ cursor: pointer;
450
+ margin-left:27px;
451
+ }
452
+
453
+ .help-tooltip{
454
+ display: inline-block;
455
+ margin-left:8px;
456
+ position: relative;
457
+ }
458
+ .help-tooltip-q{
459
+ height: 14px;
460
+ width: 14px;
461
+ background: #54698d;
462
+ border-radius: 100%;
463
+ color: white;
464
+ font-size: 10px;
465
+ text-align: center;
466
+ cursor: default;
467
+ font-weight: bold;
468
+ }
469
+ .help-tooltip-q:hover{
470
+ background: #0070d2;
471
+ }
472
+ .help-tooltip-pop{
473
+ position: absolute;
474
+ left:32px;
475
+ top:-16px;
476
+ }
477
+ .help-tooltip-q + .help-tooltip-pop{
478
+ display:none;
479
+ }
480
+ .help-tooltip-q:hover + .help-tooltip-pop{
481
+ display:block;
482
+ }
483
+
484
+ .connect-modal-tabs{
485
+ width:100%;
486
+ height:41px;
487
+ }
488
+ .connect-modal-tab{
489
+ width:50%;
490
+ display: inline-block;
491
+ height:100%;
492
+ text-align: center;
493
+ padding-top:10px;
494
+ position: relative;
495
+ cursor: pointer;
496
+ color: #54698d;
497
+ }
498
+ .connect-modal-tab-selected{
499
+ background: rgb(244, 246, 249);
500
+ color: #16325c;
501
+ }
502
+ .connect-modal-tab-bar{
503
+ width:100%;
504
+ height:4px;
505
+ bottom:0;
506
+ left:0;
507
+ position: absolute;
508
+ display: none;
509
+ }
510
+ .connect-modal-tab-selected .connect-modal-tab-bar{
511
+ display: block;
512
+ }
513
+ .connect-modal-tab:hover{
514
+ background: rgb(244, 246, 249);
515
+ color: #16325c;
516
+ }
517
+ .external-keys-row{
518
+ border-bottom: 1px solid #CCCCCC;
519
+ padding:8px 0;
520
+ position:relative;
521
+ }
522
+ .external-keys-column{
523
+ display: inline-block;
524
+ width:47%;
525
+ text-align: center;
526
+ }
527
+ .delete-external-key-row{
528
+ position: absolute;
529
+ right:8px;
530
+ top:13px;
531
+ cursor:pointer;
532
+ }
533
+ .delete-external-key-svg path{
534
+ stroke:grey;
535
+ }
536
+ .delete-external-key-svg:hover path{
537
+ stroke:black;
538
+ }
539
+
540
+ /* ANIMATIONS */
541
+
542
+ .panel-enter{
543
+ opacity: 0;
544
+ max-height: 0px;
545
+ }
546
+ .panel-enter-active{
547
+ opacity: 1;
548
+ max-height:350px;
549
+ }
550
+ .panel-leave{
551
+ opacity: 1;
552
+ max-height:350px;
553
+ }
554
+ .panel-leave-active{
555
+ opacity: 0;
556
+ max-height:0px;
557
+ }
558
+ .enable-delete{
559
+ position: absolute;
560
+ top:6px;
561
+ left: 500px;
562
+ width: 207px;
563
+ z-index: 6003;
564
+ cursor: pointer;
565
+ -webkit-user-select:none;
566
+ -moz-user-select:none;
567
+ -ms-user-select:none;
568
+ user-select:none;
569
+ }
570
+ .enable-delete span{
571
+ float:right;
572
+ }
573
+ .enable-delete:hover span{
574
+ text-decoration: underline;
575
+ }
576
+ .bundle-mode-options{
577
+ width:30%;
578
+ height:100%;
579
+ background: white;
580
+ padding:6px;
581
+ border-left:1px solid grey;
582
+ position: absolute;
583
+ top:0; right:0;
584
+ z-index: 6004;
585
+ }
586
+ .close-bundle-mode-options{
587
+ cursor: pointer;
588
+ float: right;
589
+ margin-right: 5px;
590
+ }
591
+ .close-bundle-mode-options svg path{
592
+ stroke:grey;
593
+ }
594
+ .close-bundle-mode-options:hover svg path{
595
+ stroke:black;
596
+ }
597
+ .bundle-mode-options-content{
598
+ padding:20px 15px;
599
+ }
600
+
601
+ .bundle-mode-options-enter{
602
+ -webkit-transition: all 0.3s;
603
+ transition: all 0.3s;
604
+ -webkit-transform:translate(100%);
605
+ -ms-transform:translate(100%);
606
+ transform:translate(100%);
607
+ }
608
+ .bundle-mode-options-leave, .bundle-mode-options-enter-active{
609
+ -webkit-transition: all 0.3s;
610
+ transition: all 0.3s;
611
+ -webkit-transform:translate(0%);
612
+ -ms-transform:translate(0%);
613
+ transform:translate(0%);
614
+ }
615
+ .bundle-mode-options-leave-active{
616
+ -webkit-transform:translate(100%);
617
+ -ms-transform:translate(100%);
618
+ transform:translate(100%);
619
+ }
620
+
621
+ .slide-left-enter{
622
+ -webkit-transition: all 0.3s;
623
+ transition: all 0.3s;
624
+ -webkit-transform:translate(100%);
625
+ -ms-transform:translate(100%);
626
+ transform:translate(100%);
627
+ }
628
+ .slide-left-leave, .slide-left-enter-active{
629
+ -webkit-transition: all 0.3s;
630
+ transition: all 0.3s;
631
+ -webkit-transform:translate(0%);
632
+ -ms-transform:translate(0%);
633
+ transform:translate(0%);
634
+ }
635
+ .slide-left-leave-active{
636
+ -webkit-transform:translate(-100%);
637
+ -ms-transform:translate(-100%);
638
+ transform:translate(-100%);
639
+ }
640
+ .slide-right-enter{
641
+ -webkit-transition: all 0.3s;
642
+ transition: all 0.3s;
643
+ -webkit-transform:translate(-100%);
644
+ -ms-transform:translate(-100%);
645
+ transform:translate(-100%);
646
+ }
647
+ .slide-right-leave, .slide-right-enter-active{
648
+ -webkit-transition: all 0.3s;
649
+ transition: all 0.3s;
650
+ -webkit-transform:translate(0%);
651
+ -ms-transform:translate(0%);
652
+ transform:translate(0%);
653
+ }
654
+ .slide-right-leave-active{
655
+ -webkit-transform:translate(100%);
656
+ -ms-transform:translate(100%);
657
+ transform:translate(100%);
658
+ }
659
+
660
+ .fade-left-enter{
661
+ -webkit-transition: all 0.3s;
662
+ transition: all 0.3s;
663
+ -webkit-transform:translate(10%);
664
+ -ms-transform:translate(10%);
665
+ transform:translate(10%);
666
+ opacity: 0;
667
+ }
668
+ .fade-left-enter-active{
669
+ -webkit-transform:translate(0%);
670
+ -ms-transform:translate(0%);
671
+ transform:translate(0%);
672
+ opacity: 1;
673
+ }
674
+ .fade-left-leave{
675
+ -webkit-transition: all 0.3s;
676
+ transition: all 0.3s;
677
+ -webkit-transform:translate(0%);
678
+ -ms-transform:translate(0%);
679
+ transform:translate(0%);
680
+ opacity: 1;
681
+ }
682
+ .fade-left-leave-active{
683
+ -webkit-transform:translate(-10%);
684
+ -ms-transform:translate(-10%);
685
+ transform:translate(-10%);
686
+ opacity: 0;
687
+ }
688
+ .fade-right-enter{
689
+ -webkit-transition: all 0.3s;
690
+ transition: all 0.3s;
691
+ -webkit-transform:translate(-10%);
692
+ -ms-transform:translate(-10%);
693
+ transform:translate(-10%);
694
+ opacity: 0;
695
+ }
696
+ .fade-right-enter-active{
697
+ -webkit-transform:translate(0%);
698
+ -ms-transform:translate(0%);
699
+ transform:translate(0%);
700
+ opacity: 1;
701
+ }
702
+ .fade-right-leave{
703
+ -webkit-transition: all 0.3s;
704
+ transition: all 0.3s;
705
+ -webkit-transform:translate(0%);
706
+ -ms-transform:translate(0%);
707
+ transform:translate(0%);
708
+ opacity: 1;
709
+ }
710
+ .fade-right-leave-active{
711
+ -webkit-transform:translate(10%);
712
+ -ms-transform:translate(10%);
713
+ transform:translate(10%);
714
+ opacity: 0;
715
+ }
716
+
717
+
718
+
719
+
720
+ .schema-accordion-collapse{
721
+ overflow: visible;
722
+ height: 78px;
723
+ padding:0 12px;
724
+ }
725
+ .panel-collapse-enter{
726
+ -webkit-transition: height 0.2s;
727
+ transition: height 0.2s;
728
+ height:0px;
729
+ overflow: hidden;
730
+ }
731
+ .panel-collapse-enter-active{
732
+ height: 78px;
733
+ overflow: hidden;
734
+ }
735
+ .panel-collapse-leave{
736
+ -webkit-transition: height 0.2s;
737
+ transition: height 0.2s;
738
+ height: 78px;
739
+ overflow: hidden;
740
+ }
741
+ .panel-collapse-leave-active{
742
+ height: 0px;
743
+ overflow: hidden;
744
+ }
745
+
746
+ .fields-expander{
747
+ -webkit-transition: all 0.2s;
748
+ transition: all 0.2s;
749
+ overflow: hidden;
750
+ }
751
+ .expander-enter{
752
+ max-height:0px;
753
+ }
754
+ .expander-enter-active{
755
+ max-height: 1200px;
756
+ }
757
+ .expander-leave{
758
+ max-height: 1200px;
759
+ }
760
+ .expander-leave-active{
761
+ max-height: 0px;
762
+ }
763
+
764
+ .set-duplicate-rules{
765
+ float:right;
766
+ cursor: pointer;
767
+ -webkit-user-select:none;
768
+ -moz-user-select:none;
769
+ -ms-user-select:none;
770
+ user-select:none;
771
+ }
772
+ .set-duplicate-rules:hover{
773
+ text-decoration: underline;
774
+ }
775
+
776
+ .react-draggable-dragging{
777
+ box-shadow: 2px 1px 4px 2px rgba(0,0,0,.3);
778
+ margin-left:6px;
779
+ z-index: 9999 !important;
780
+ position:relative;
781
+ background:#f4f6f9 !important;
782
+ }
783
+
784
+ .expander-circle{
785
+ border: 1px solid grey;
786
+ border-radius: 50%;
787
+ width: 13px;
788
+ height: 13px;
789
+ display: inline-block;
790
+ line-height: 12px;
791
+ text-align: center;
792
+ color: grey;
793
+ margin-right:5px;
794
+ }
795
+
796
+ .filter-step-resource{
797
+ text-decoration: none;
798
+ cursor: pointer;
799
+ font-size: 14px;
800
+ display: inline-block;
801
+ color: white;
802
+ padding:2px 10px;
803
+ border-top-left-radius: 5px;
804
+ border-top-right-radius: 5px;
805
+ -webkit-transition: all 0.25s;
806
+ transition: all 0.25s;
807
+ -webkit-user-select: none;
808
+ -moz-user-select: none;
809
+ -ms-user-select: none;
810
+ user-select: none;
811
+ }
812
+
813
+ .filter-step-panel{
814
+ height: 52px;
815
+ width:311px;
816
+ -webkit-transition: all 0.25s;
817
+ transition: all 0.25s;
818
+ overflow: hidden;
819
+ box-sizing: content-box;
820
+ }
821
+
822
+ .filter-step-panel-contents{
823
+ margin:10px;
824
+ }
825
+
826
+ .filter-step-panel-enter{
827
+ max-height:0px;
828
+ }
829
+ .filter-step-panel-enter-active{
830
+ max-height: 52px;
831
+ }
832
+ .filter-step-panel-leave{
833
+ max-height: 52px;
834
+ }
835
+ .filter-step-panel-leave-active{
836
+ max-height: 0px;
837
+ }
838
+
839
+ .env-content{
840
+ opacity: 1;
841
+ }
842
+ .env-content-enter{
843
+ opacity: 0;
844
+ }
845
+ .env-content-enter-active{
846
+ -webkit-transition: opacity 0.25s;
847
+ transition: opacity 0.25s;
848
+ opacity: 1;
849
+ }
850
+ .env-content-leave{
851
+ opacity: 1;
852
+ }
853
+ .env-content-leave-active{
854
+ opacity: 0;
855
+ }
856
+
857
+ .env-creds{
858
+ overflow: hidden;
859
+ -webkit-transition: max-height 0.25s linear;
860
+ transition: max-height 0.25s linear;
861
+ }
862
+ .env-creds-enter{
863
+ max-height: 0px;
864
+ }
865
+ .env-creds-enter-active{
866
+ max-height: 333px;
867
+ }
868
+ .env-creds-leave{
869
+ max-height: 333px;
870
+ }
871
+ .env-creds-leave-active{
872
+ max-height: 0px;
873
+ }
874
+
875
+ .env-section{
876
+ border:1px solid #D7D7D7;
877
+ width:729px;
878
+ line-height: 1.4;
879
+ border-radius: 8px;
880
+ margin-bottom: 18px;
881
+ background: #FCFCFF;
882
+ -webkit-user-select: none;
883
+ -moz-user-select: none;
884
+ -ms-user-select: none;
885
+ user-select: none;
886
+ position: relative;
887
+ z-index: 6;
888
+ margin-left:15px;
889
+ box-shadow: 2px 1px 1px 0px #DDDDDD;
890
+ overflow: hidden;
891
+ }
892
+
893
+ .env-section:hover{
894
+ box-shadow: 2px 1px 1px 0px #DDDDDD;
895
+
896
+ }
897
+
898
+ .integration-box:hover{
899
+
900
+ }
901
+
902
+
903
+ .env-section-header{
904
+ position: relative;
905
+ background: #FCFCFF;
906
+ border-bottom: 1px solid #D7D7D7;
907
+ border-top-left-radius: 8px;
908
+ border-top-right-radius: 8px;
909
+ height:44px;
910
+ z-index: 6;
911
+ cursor: pointer;
912
+ }
913
+ .env-section-header:hover{
914
+ background: #F9F9FF;
915
+ }
916
+ .env-section-icon{
917
+ position: absolute;
918
+ left:15px;
919
+ top:10px;
920
+ }
921
+ .env-section-header-title{
922
+ position: absolute;
923
+ left:48px;
924
+ top:11px;
925
+ font-size: 16px;
926
+ font-weight: bold;
927
+ }
928
+
929
+ .env-section-body{
930
+ padding:12px 28px 7px 28px;
931
+ background: #FCFCFF;
932
+ }
933
+ .env-inspect-button{
934
+ background: #F9F9FF;
935
+ position: absolute;
936
+ border-left: 1px solid #D7D7D7;
937
+ border-bottom: 1px solid #D7D7D7;
938
+ width:155px;
939
+ height:44px;
940
+ right:0;top:0;
941
+ z-index: 7;
942
+ font-size: 14px;
943
+ padding:12px 20px;
944
+ cursor: pointer;
945
+ }
946
+ .env-inspect-button:hover{
947
+ background: white;
948
+ text-decoration: underline;
949
+ }
950
+ .env-inspect-button svg{
951
+ position: absolute;
952
+ right:15px;
953
+ top:10px;
954
+ }
955
+
956
+
957
+ .rc-time-picker {
958
+ display: inline-block;
959
+ box-sizing: border-box;
960
+ }
961
+ .rc-time-picker * {
962
+ box-sizing: border-box;
963
+ }
964
+ .rc-time-picker-input {
965
+ width: 100%;
966
+ position: relative;
967
+ display: inline-block;
968
+ padding: 4px 7px;
969
+ height: 28px;
970
+ cursor: text;
971
+ font-size: 12px;
972
+ line-height: 1.5;
973
+ color: #666;
974
+ background-color: #fff;
975
+ background-image: none;
976
+ border: 1px solid #d9d9d9;
977
+ border-radius: 6px;
978
+ -webkit-transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
979
+ transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
980
+ }
981
+ .rc-time-picker-panel {
982
+ z-index: 1070;
983
+ width: 170px;
984
+ position: absolute;
985
+ box-sizing: border-box;
986
+ }
987
+ .rc-time-picker-panel * {
988
+ box-sizing: border-box;
989
+ }
990
+ .rc-time-picker-panel-inner {
991
+ display: inline-block;
992
+ position: relative;
993
+ outline: none;
994
+ list-style: none;
995
+ font-size: 12px;
996
+ text-align: left;
997
+ background-color: #fff;
998
+ border-radius: 3px;
999
+ box-shadow: 0 1px 5px #ccc;
1000
+ background-clip: padding-box;
1001
+ border: 1px solid #ccc;
1002
+ line-height: 1.5;
1003
+ }
1004
+ .rc-time-picker-panel-input {
1005
+ margin: 0;
1006
+ padding: 0;
1007
+ width: 100%;
1008
+ cursor: auto;
1009
+ line-height: 1.5;
1010
+ outline: 0;
1011
+ border: 1px solid transparent;
1012
+ }
1013
+ .rc-time-picker-panel-input-wrap {
1014
+ box-sizing: border-box;
1015
+ position: relative;
1016
+ padding: 6px;
1017
+ border-bottom: 1px solid #e9e9e9;
1018
+ }
1019
+ .rc-time-picker-panel-input-invalid {
1020
+ border-color: red;
1021
+ }
1022
+ .rc-time-picker-panel-clear-btn {
1023
+ position: absolute;
1024
+ right: 6px;
1025
+ cursor: pointer;
1026
+ overflow: hidden;
1027
+ width: 20px;
1028
+ height: 20px;
1029
+ text-align: center;
1030
+ line-height: 20px;
1031
+ top: 6px;
1032
+ margin: 0;
1033
+ }
1034
+ .rc-time-picker-panel-clear-btn:after {
1035
+ content: "x";
1036
+ font-size: 12px;
1037
+ color: #aaa;
1038
+ display: inline-block;
1039
+ line-height: 1;
1040
+ width: 20px;
1041
+ -webkit-transition: color 0.3s ease;
1042
+ transition: color 0.3s ease;
1043
+ }
1044
+ .rc-time-picker-panel-clear-btn:hover:after {
1045
+ color: #666;
1046
+ }
1047
+ .rc-time-picker-panel-select {
1048
+ float: left;
1049
+ font-size: 12px;
1050
+ border: 1px solid #e9e9e9;
1051
+ border-width: 0 1px;
1052
+ margin-left: -1px;
1053
+ box-sizing: border-box;
1054
+ width: 56px;
1055
+ overflow: hidden;
1056
+ position: relative;
1057
+ }
1058
+ .rc-time-picker-panel-select-active {
1059
+ overflow-y: auto;
1060
+ }
1061
+ .rc-time-picker-panel-select:first-child {
1062
+ border-left: 0;
1063
+ margin-left: 0;
1064
+ }
1065
+ .rc-time-picker-panel-select:last-child {
1066
+ border-right: 0;
1067
+ }
1068
+ .rc-time-picker-panel-select ul {
1069
+ list-style: none;
1070
+ box-sizing: border-box;
1071
+ margin: 0;
1072
+ padding: 0;
1073
+ width: 100%;
1074
+ max-height: 144px;
1075
+ }
1076
+ .rc-time-picker-panel-select li {
1077
+ list-style: none;
1078
+ box-sizing: content-box;
1079
+ margin: 0;
1080
+ padding: 0 0 0 16px;
1081
+ width: 100%;
1082
+ height: 24px;
1083
+ line-height: 24px;
1084
+ text-align: left;
1085
+ cursor: pointer;
1086
+ -webkit-user-select: none;
1087
+ -moz-user-select: none;
1088
+ -ms-user-select: none;
1089
+ user-select: none;
1090
+ }
1091
+ .rc-time-picker-panel-select li:hover {
1092
+ background: #edfaff;
1093
+ }
1094
+ li.rc-time-picker-panel-select-option-selected {
1095
+ background: #edfaff;
1096
+ color: #2db7f5;
1097
+ }
1098
+ li.rc-time-picker-panel-select-option-disabled {
1099
+ color: #bfbfbf;
1100
+ }
1101
+ li.rc-time-picker-panel-select-option-disabled:hover {
1102
+ background: transparent;
1103
+ cursor: not-allowed;
1104
+ }
1105
+
1106
+ /*# sourceMappingURL=main.css.map*/