@lingk/sync 0.0.51 → 0.0.52

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.
@@ -27,6 +27,10 @@ ul li, ol li {
27
27
  margin-left: 0 !important;
28
28
  }
29
29
 
30
+ .slds-modal__content{
31
+ overflow: visible;
32
+ }
33
+
30
34
  /* UI */
31
35
 
32
36
  .wizard-sidebar{
@@ -35,17 +39,22 @@ ul li, ol li {
35
39
  .wizard-content{
36
40
  width: calc(100% - 210px);
37
41
  }
38
- .accordion-panel{
39
- border: 1px solid #0070d2;
40
- }
42
+
41
43
  .schema-panel{
42
44
  border: 1px solid #3a91dc;
43
- background: #3a91dc;
44
45
  }
45
46
  .schema-panel:first-child{
46
47
  border: 1px solid #0070d2;
48
+ }
49
+ .schema-panel-header{
50
+ background: #3a91dc;
51
+ }
52
+ .schema-panel:first-child .schema-panel-header{
47
53
  background: #0070d2;
48
54
  }
55
+ .accordion-panel{
56
+ border: 1px solid #0070d2;
57
+ }
49
58
  .accordion-panel-header{
50
59
  background: #0070d2;
51
60
  -webkit-transition: all .2s;
@@ -57,9 +66,6 @@ ul li, ol li {
57
66
  .accordion-panel-header:hover{
58
67
  background: #005fb2;
59
68
  }
60
- .react-draggable-dragging{
61
- background: #005fb2;
62
- }
63
69
 
64
70
  .transform-data-type{
65
71
  border: 1px solid #d8dde6;
@@ -86,13 +92,11 @@ ul li, ol li {
86
92
  font-weight:normal;
87
93
  }
88
94
  .rf-select-dropdown-button > button{
89
- max-width: 229px;
95
+ max-width: 150px;
90
96
  text-overflow: ellipsis;
91
97
  white-space: nowrap;
92
98
  overflow: hidden;
93
99
  padding-right:30px;
94
- border: 1px solid transparent;
95
- background: transparent;
96
100
  }
97
101
  .rf-select-dropdown-button > button > svg{
98
102
  float: right;
@@ -35,16 +35,21 @@ body{
35
35
  border-radius: 7px;
36
36
  margin-bottom: 8px;
37
37
  color: white;
38
- padding: 9px 13px;
39
- font-weight: bold;
40
38
  -webkit-user-select: none;
41
39
  -moz-user-select: none;
42
40
  -ms-user-select: none;
43
41
  user-select: none;
44
- height: 50px;
45
42
  border-radius:4px;
46
43
  position: relative;
47
44
  z-index: 6;
45
+ margin-left:15px;
46
+ }
47
+ .schema-panel:first-child{
48
+ margin-left:0px;
49
+ }
50
+ .schema-panel-header{
51
+ padding: 9px 13px;
52
+ font-weight: bold;
48
53
  }
49
54
  .accordion-panel{
50
55
  line-height: 1.4;
@@ -249,6 +254,16 @@ body{
249
254
  vertical-align: top;
250
255
  float:right;
251
256
  }
257
+ .connect-resource-group{
258
+ width: 32px;
259
+ height: 32px;
260
+ text-align: center;
261
+ border-radius: 50%;
262
+ padding-top: 5px;
263
+ cursor: pointer;
264
+ vertical-align: top;
265
+ margin-left:26px;
266
+ }
252
267
  .remove-resource-group:hover + .schema-group-nav{
253
268
  color: #AA0000;
254
269
  }
@@ -257,6 +272,12 @@ body{
257
272
  stroke-width:7;
258
273
  stroke:#555555;
259
274
  }
275
+ .connect-resource-group:hover{
276
+ background: #0070d2;
277
+ }
278
+ .connect-resource-group:hover > svg > path{
279
+ fill:white;
280
+ }
260
281
  .remove-resource-group:hover{
261
282
  background: #0070d2;
262
283
  }
@@ -477,10 +498,185 @@ body{
477
498
  opacity: 0;
478
499
  }
479
500
 
501
+
502
+ .schema-accordion-collapse{
503
+ overflow: visible;
504
+ height: 78px;
505
+ padding:0 12px;
506
+ }
507
+ .panel-collapse-enter{
508
+ -webkit-transition: height 0.2s;
509
+ transition: height 0.2s;
510
+ height:0px;
511
+ overflow: hidden;
512
+ }
513
+ .panel-collapse-enter-active{
514
+ height: 78px;
515
+ overflow: hidden;
516
+ }
517
+ .panel-collapse-leave{
518
+ -webkit-transition: height 0.2s;
519
+ transition: height 0.2s;
520
+ height: 78px;
521
+ overflow: hidden;
522
+ }
523
+ .panel-collapse-leave-active{
524
+ height: 0px;
525
+ overflow: hidden;
526
+ }
527
+
480
528
  .react-draggable-dragging{
481
529
  box-shadow: 2px 1px 4px 2px rgba(0,0,0,.3);
482
- margin-left:-3px;
530
+ margin-left:6px;
483
531
  z-index: 9999 !important;
484
532
  position:relative;
533
+ }.rc-time-picker {
534
+ display: inline-block;
535
+ box-sizing: border-box;
536
+ }
537
+ .rc-time-picker * {
538
+ box-sizing: border-box;
539
+ }
540
+ .rc-time-picker-input {
541
+ width: 100%;
542
+ position: relative;
543
+ display: inline-block;
544
+ padding: 4px 7px;
545
+ height: 28px;
546
+ cursor: text;
547
+ font-size: 12px;
548
+ line-height: 1.5;
549
+ color: #666;
550
+ background-color: #fff;
551
+ background-image: none;
552
+ border: 1px solid #d9d9d9;
553
+ border-radius: 6px;
554
+ -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);
555
+ 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);
556
+ }
557
+ .rc-time-picker-panel {
558
+ z-index: 1070;
559
+ width: 170px;
560
+ position: absolute;
561
+ box-sizing: border-box;
562
+ }
563
+ .rc-time-picker-panel * {
564
+ box-sizing: border-box;
565
+ }
566
+ .rc-time-picker-panel-inner {
567
+ display: inline-block;
568
+ position: relative;
569
+ outline: none;
570
+ list-style: none;
571
+ font-size: 12px;
572
+ text-align: left;
573
+ background-color: #fff;
574
+ border-radius: 3px;
575
+ box-shadow: 0 1px 5px #ccc;
576
+ background-clip: padding-box;
577
+ border: 1px solid #ccc;
578
+ line-height: 1.5;
579
+ }
580
+ .rc-time-picker-panel-input {
581
+ margin: 0;
582
+ padding: 0;
583
+ width: 100%;
584
+ cursor: auto;
585
+ line-height: 1.5;
586
+ outline: 0;
587
+ border: 1px solid transparent;
588
+ }
589
+ .rc-time-picker-panel-input-wrap {
590
+ box-sizing: border-box;
591
+ position: relative;
592
+ padding: 6px;
593
+ border-bottom: 1px solid #e9e9e9;
594
+ }
595
+ .rc-time-picker-panel-input-invalid {
596
+ border-color: red;
597
+ }
598
+ .rc-time-picker-panel-clear-btn {
599
+ position: absolute;
600
+ right: 6px;
601
+ cursor: pointer;
602
+ overflow: hidden;
603
+ width: 20px;
604
+ height: 20px;
605
+ text-align: center;
606
+ line-height: 20px;
607
+ top: 6px;
608
+ margin: 0;
609
+ }
610
+ .rc-time-picker-panel-clear-btn:after {
611
+ content: "x";
612
+ font-size: 12px;
613
+ color: #aaa;
614
+ display: inline-block;
615
+ line-height: 1;
616
+ width: 20px;
617
+ -webkit-transition: color 0.3s ease;
618
+ transition: color 0.3s ease;
619
+ }
620
+ .rc-time-picker-panel-clear-btn:hover:after {
621
+ color: #666;
622
+ }
623
+ .rc-time-picker-panel-select {
624
+ float: left;
625
+ font-size: 12px;
626
+ border: 1px solid #e9e9e9;
627
+ border-width: 0 1px;
628
+ margin-left: -1px;
629
+ box-sizing: border-box;
630
+ width: 56px;
631
+ overflow: hidden;
632
+ position: relative;
633
+ }
634
+ .rc-time-picker-panel-select-active {
635
+ overflow-y: auto;
636
+ }
637
+ .rc-time-picker-panel-select:first-child {
638
+ border-left: 0;
639
+ margin-left: 0;
640
+ }
641
+ .rc-time-picker-panel-select:last-child {
642
+ border-right: 0;
485
643
  }
644
+ .rc-time-picker-panel-select ul {
645
+ list-style: none;
646
+ box-sizing: border-box;
647
+ margin: 0;
648
+ padding: 0;
649
+ width: 100%;
650
+ max-height: 144px;
651
+ }
652
+ .rc-time-picker-panel-select li {
653
+ list-style: none;
654
+ box-sizing: content-box;
655
+ margin: 0;
656
+ padding: 0 0 0 16px;
657
+ width: 100%;
658
+ height: 24px;
659
+ line-height: 24px;
660
+ text-align: left;
661
+ cursor: pointer;
662
+ -webkit-user-select: none;
663
+ -moz-user-select: none;
664
+ -ms-user-select: none;
665
+ user-select: none;
666
+ }
667
+ .rc-time-picker-panel-select li:hover {
668
+ background: #edfaff;
669
+ }
670
+ li.rc-time-picker-panel-select-option-selected {
671
+ background: #edfaff;
672
+ color: #2db7f5;
673
+ }
674
+ li.rc-time-picker-panel-select-option-disabled {
675
+ color: #bfbfbf;
676
+ }
677
+ li.rc-time-picker-panel-select-option-disabled:hover {
678
+ background: transparent;
679
+ cursor: not-allowed;
680
+ }
681
+
486
682
  /*# sourceMappingURL=main.css.map*/