[SDC-29] Amdocs OnBoard 1707 initial commit.

[sdc.git] / openecomp-ui / resources / scss / components / _inputOptions.scss

diff --git a/openecomp-ui/resources/scss/components/_inputOptions.scss b/openecomp-ui/resources/scss/components/_inputOptions.scss
index 107751b..face03d 100644 (file)
--- a/openecomp-ui/resources/scss/components/_inputOptions.scss
+++ b/openecomp-ui/resources/scss/components/_inputOptions.scss
@@ -1,3 +1,12 @@
+.disabled {
+       .Select-control {
+               background-color: $tlv-light-gray;
+               .Select-placeholder {
+                       color: $dark-gray;
+               }
+       }
+}
+
 .input-options {
   display: flex;
   border: 1px solid $light-gray;
@@ -14,6 +23,7 @@
     padding-top:0px;
     padding-bottom: 0px;
     height:28px;
+
   }
 
   .input-options-other{
@@ -34,6 +44,42 @@
 }
 
 .input-options.has-error {
-   border-color: #A94442;
+   border-color: $crimson;
 }
 
+.bootstrap-input-options {
+  display: flex;
+  flex-direction: column;
+  .input-options-select {
+       border: 1px solid $light-gray;
+       border-radius: 2px;
+       height: 30px;
+       float: left;
+       transition-property: width;
+       transition-duration: 300ms;
+       padding-top: 0px;
+       padding-bottom: 0px;
+       width: 100%;
+       &:hover {
+         border-color: $gray;
+       }
+  }
+  .input-options-other {
+       float: left;
+       height: 30px;
+       border: none;
+       padding-top: 0px;
+       padding-bottom: 0px;
+       height: 28px;
+  }
+  .input-options-separator {
+       width: 1px;
+       height: 24px;
+       margin-top: 2px;
+       margin-bottom: 2px;
+       border: 1px solid $light-gray;
+  }
+  &.has-error {
+       border-color: $crimson;
+  }
+}