datajunction-ui 0.0.1-a42.dev0 → 0.0.1-a43

package/src/styles/node-creation.scss

@@ -9,6 +9,7 @@ form {
     padding: 1rem;
     font-family: Lato, 'sans-serif';
     font-size: 110%;
+    border-right: 16px solid transparent;
   }
 
   input {
@@ -98,7 +99,7 @@ form {
   .SelectInput {
     background-color: #eee;
     border-radius: 10px;
-    border-style: none;
+    border-style: none !important;
     border-color: transparent;
     box-sizing: border-box;
     padding: 0.5rem;
@@ -106,16 +107,65 @@ form {
     box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px,
       rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
   }
-  .SelectInput div,
-  .SelectInput div div {
+  .SelectInput div {
     border: none;
+    background: transparent;
   }
-
   .SelectInput div:first-child {
     background-color: #eee !important;
     border: none;
     color: #0c4128;
   }
+  .SelectInput div:last-child div {
+    border: none;
+    background-color: #efefef;
+  }
+  .MultiSelectInput {
+    background-color: #eee;
+    border-radius: 10px;
+    border-style: none;
+    border-color: transparent;
+    box-sizing: border-box;
+    padding: 0.5rem 0;
+    font-size: 110%;
+    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px,
+      rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
+  }
+  .MultiSelectInput div {
+    border: none;
+    background-color: #fff;
+  }
+  .MultiSelectInput div:last-child div {
+    border: none;
+    background-color: #efefef;
+  }
+  .MultiSelectInput div:last-child input {
+    box-shadow: none;
+  }
+  .MultiSelectInput div div {
+    border: none;
+    background-color: #efefef;
+  }
+
+  .MultiSelectInput div div div,
+  .MultiSelectInput div div div:last-child {
+    border: none;
+    background-color: #ffffff;
+    border-radius: 0.4rem;
+    padding: 0.2em;
+  }
+
+  .MultiSelectInput div div div:last-child {
+    background-color: #efefef;
+  }
+  .MultiSelectInput div div div div:last-child {
+    border: none;
+    background-color: #fff;
+  }
+  .SelectInput div:first-child {
+    border: none;
+    color: #0c4128;
+  }
 
   .DescriptionInput {
     width: 100%;
@@ -138,18 +188,26 @@ form {
   .QueryInput {
     width: 75%;
   }
+  .MetricQueryInput {
+    height: 200px;
+  }
 
   .NodeModeInput {
     select {
       background-color: #eeeeee;
       border-radius: 10px;
-      border-style: none;
       padding: 1rem;
       font-family: Lato, Sans;
       font-size: 110%;
     }
   }
 
+  .FullNameField {
+    background-color: #fff;
+    box-shadow: none;
+    color: #7c7c7c;
+  }
+
   button {
     display: block;
     border-radius: 10px;