implemented graphic disable select input functionality

scm-ui-components/packages/ui-components/src/forms/DropDown.js

@@ -16,7 +16,7 @@ class DropDown extends React.Component<Props> {
   render() {
     const { options, optionValues, preselectedOption, className, disabled } = this.props;
     return (
-      <div className={classNames(className, "select")}>
+      <div className={classNames(className, "select", disabled ? "disabled": "")}>
         <select
           value={preselectedOption ? preselectedOption : ""}
           onChange={this.change}

scm-ui/styles/scm.scss

@@ -255,16 +255,9 @@ form .field:not(.is-grouped) {
 .select,
 .select:hover {
   &:not(.is-multiple):not(.is-loading) {
-    > select[disabled] + &::after {
-      border :1px solid red;
+    &.disabled::after {
       border-color: #7a7a7a;
     }
-    &::after {
-      border-top: 1px solid blue;
-    }
-    > select[disabled] {
-      border: 1px solid yellow;
-    }
   }
 }