@lingk/sync 0.0.51 → 0.0.53

package/build/css/lightning.css

@@ -27,6 +27,11 @@ ul li, ol li {
   margin-left: 0 !important;
 }
 
+.slds-modal__content{
+  overflow: visible !important;
+  padding:0 !important;
+}
+
 /* UI */
 
 .wizard-sidebar{
@@ -35,17 +40,22 @@ ul li, ol li {
 .wizard-content{
   width: calc(100% - 210px);
 }
-.accordion-panel{
-  border: 1px solid #0070d2;
-}
+
 .schema-panel{
   border: 1px solid #3a91dc;
-  background: #3a91dc;
 }
 .schema-panel:first-child{
   border: 1px solid #0070d2;
+}
+.schema-panel-header{
+  background: #3a91dc;
+}
+.schema-panel:first-child .schema-panel-header{
   background: #0070d2;
 }
+.accordion-panel{
+  border: 1px solid #0070d2;
+}
 .accordion-panel-header{
   background: #0070d2;
   -webkit-transition: all .2s;
@@ -57,9 +67,6 @@ ul li, ol li {
 .accordion-panel-header:hover{
   background: #005fb2;
 }
-.react-draggable-dragging{
-  background: #005fb2;
-}
 
 .transform-data-type{
   border: 1px solid #d8dde6;
@@ -86,13 +93,11 @@ ul li, ol li {
   font-weight:normal;
 }
 .rf-select-dropdown-button > button{
-  max-width: 229px;
+  max-width: 150px;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   padding-right:30px;
-  border: 1px solid transparent;
-  background: transparent;
 }
 .rf-select-dropdown-button > button > svg{
   float: right;

package/build/css/main.css

@@ -35,16 +35,21 @@ body{
   border-radius: 7px;
   margin-bottom: 8px;
   color: white;
-  padding: 9px 13px;
-  font-weight: bold;
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  height: 50px;
   border-radius:4px;
   position: relative;
   z-index: 6;
+  margin-left:15px;
+}
+.schema-panel:first-child{
+  margin-left:0px;
+}
+.schema-panel-header{
+  padding: 9px 13px;
+  font-weight: bold;
 }
 .accordion-panel{
   line-height: 1.4;
@@ -211,6 +216,7 @@ body{
      -moz-user-select:none;
       -ms-user-select:none;
           user-select:none;
+  font-weight: bold;
 }
 .schema-group-dots{
   width: 63%;
@@ -249,6 +255,16 @@ body{
   vertical-align: top;
   float:right;
 }
+.connect-resource-group{
+  width: 32px;
+  height: 32px;
+  text-align: center;
+  border-radius: 50%;
+  padding-top: 5px;
+  cursor: pointer;
+  vertical-align: top;
+  margin-left:26px;
+}
 .remove-resource-group:hover + .schema-group-nav{
   color: #AA0000;
 }
@@ -257,6 +273,12 @@ body{
   stroke-width:7;
   stroke:#555555;
 }
+.connect-resource-group:hover{
+  background: #0070d2;
+}
+.connect-resource-group:hover > svg > path{
+  fill:white;
+}
 .remove-resource-group:hover{
   background: #0070d2;
 }
@@ -362,6 +384,63 @@ body{
   display:block;
 }
 
+.connect-modal-tabs{
+  width:100%;
+  height:41px;
+} 
+.connect-modal-tab{
+  width:50%;
+  display: inline-block;
+  height:100%;
+  text-align: center;
+  padding-top:10px;
+  position: relative;
+  cursor: pointer;
+  color: #54698d;
+}
+.connect-modal-tab-selected{
+  background: rgb(244, 246, 249);
+  color: #16325c;
+}
+.connect-modal-tab-bar{
+  width:100%;
+  height:4px;
+  bottom:0;
+  left:0;
+  position: absolute;
+  background: #3a91dc;
+  display: none;
+}
+.connect-modal-tab-selected .connect-modal-tab-bar{
+  display: block;
+}
+.connect-modal-tab:hover{
+  background: rgb(244, 246, 249);
+  color: #16325c;
+}
+.external-keys-row{
+  border-bottom: 1px solid #CCCCCC;
+  padding:8px 0;
+  position:relative;
+}
+.external-keys-column{
+  display: inline-block;
+  width:47%;
+  text-align: center;
+}
+.delete-external-key-row{
+  position: absolute;
+  right:8px;
+  top:13px;
+  cursor:pointer;
+}
+.delete-external-key-svg path{
+  stroke:grey;
+}
+.delete-external-key-svg:hover path{
+  stroke:black;
+}
+
 /* ANIMATIONS */
 
 .panel-enter{
@@ -477,10 +556,185 @@ body{
   opacity: 0;
 }
 
+
+.schema-accordion-collapse{
+  overflow: visible;
+  height: 78px;
+  padding:0 12px;
+}
+.panel-collapse-enter{
+  -webkit-transition: height 0.2s;
+  transition: height 0.2s;
+  height:0px;
+  overflow: hidden;
+}
+.panel-collapse-enter-active{
+  height: 78px;
+  overflow: hidden;
+}
+.panel-collapse-leave{
+  -webkit-transition: height 0.2s;
+  transition: height 0.2s;
+  height: 78px;
+  overflow: hidden;
+}
+.panel-collapse-leave-active{
+  height: 0px;
+  overflow: hidden;
+}
+
 .react-draggable-dragging{
   box-shadow: 2px 1px 4px 2px rgba(0,0,0,.3);
-  margin-left:-3px;
+  margin-left:6px;
   z-index: 9999 !important;
   position:relative;
+}.rc-time-picker {
+  display: inline-block;
+  box-sizing: border-box;
+}
+.rc-time-picker * {
+  box-sizing: border-box;
+}
+.rc-time-picker-input {
+  width: 100%;
+  position: relative;
+  display: inline-block;
+  padding: 4px 7px;
+  height: 28px;
+  cursor: text;
+  font-size: 12px;
+  line-height: 1.5;
+  color: #666;
+  background-color: #fff;
+  background-image: none;
+  border: 1px solid #d9d9d9;
+  border-radius: 6px;
+  -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);
+  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);
+}
+.rc-time-picker-panel {
+  z-index: 1070;
+  width: 170px;
+  position: absolute;
+  box-sizing: border-box;
+}
+.rc-time-picker-panel * {
+  box-sizing: border-box;
+}
+.rc-time-picker-panel-inner {
+  display: inline-block;
+  position: relative;
+  outline: none;
+  list-style: none;
+  font-size: 12px;
+  text-align: left;
+  background-color: #fff;
+  border-radius: 3px;
+  box-shadow: 0 1px 5px #ccc;
+  background-clip: padding-box;
+  border: 1px solid #ccc;
+  line-height: 1.5;
+}
+.rc-time-picker-panel-input {
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  cursor: auto;
+  line-height: 1.5;
+  outline: 0;
+  border: 1px solid transparent;
+}
+.rc-time-picker-panel-input-wrap {
+  box-sizing: border-box;
+  position: relative;
+  padding: 6px;
+  border-bottom: 1px solid #e9e9e9;
+}
+.rc-time-picker-panel-input-invalid {
+  border-color: red;
+}
+.rc-time-picker-panel-clear-btn {
+  position: absolute;
+  right: 6px;
+  cursor: pointer;
+  overflow: hidden;
+  width: 20px;
+  height: 20px;
+  text-align: center;
+  line-height: 20px;
+  top: 6px;
+  margin: 0;
+}
+.rc-time-picker-panel-clear-btn:after {
+  content: "x";
+  font-size: 12px;
+  color: #aaa;
+  display: inline-block;
+  line-height: 1;
+  width: 20px;
+  -webkit-transition: color 0.3s ease;
+  transition: color 0.3s ease;
+}
+.rc-time-picker-panel-clear-btn:hover:after {
+  color: #666;
+}
+.rc-time-picker-panel-select {
+  float: left;
+  font-size: 12px;
+  border: 1px solid #e9e9e9;
+  border-width: 0 1px;
+  margin-left: -1px;
+  box-sizing: border-box;
+  width: 56px;
+  overflow: hidden;
+  position: relative;
+}
+.rc-time-picker-panel-select-active {
+  overflow-y: auto;
+}
+.rc-time-picker-panel-select:first-child {
+  border-left: 0;
+  margin-left: 0;
+}
+.rc-time-picker-panel-select:last-child {
+  border-right: 0;
+}
+.rc-time-picker-panel-select ul {
+  list-style: none;
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  max-height: 144px;
 }
+.rc-time-picker-panel-select li {
+  list-style: none;
+  box-sizing: content-box;
+  margin: 0;
+  padding: 0 0 0 16px;
+  width: 100%;
+  height: 24px;
+  line-height: 24px;
+  text-align: left;
+  cursor: pointer;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.rc-time-picker-panel-select li:hover {
+  background: #edfaff;
+}
+li.rc-time-picker-panel-select-option-selected {
+  background: #edfaff;
+  color: #2db7f5;
+}
+li.rc-time-picker-panel-select-option-disabled {
+  color: #bfbfbf;
+}
+li.rc-time-picker-panel-select-option-disabled:hover {
+  background: transparent;
+  cursor: not-allowed;
+}
+
 /*# sourceMappingURL=main.css.map*/