From 8c215b44c25e20a1537f77bf1c26a810700c05ff Mon Sep 17 00:00:00 2001
From: Florian Scholdei <florian.scholdei@cloudogu.com>
Date: Wed, 17 Apr 2019 18:17:21 +0200
Subject: [PATCH 1/3] started implementation

---
 scm-ui/styles/scm.scss | 24 +++++++++++++++++++++---
 1 file changed, 21 insertions(+), 3 deletions(-)

diff --git a/scm-ui/styles/scm.scss b/scm-ui/styles/scm.scss
index e02a4b28e0..cdadc9ac3c 100644
--- a/scm-ui/styles/scm.scss
+++ b/scm-ui/styles/scm.scss
@@ -102,10 +102,12 @@ $fa-font-path: "webfonts";
   &.is-primary {
     background-color: #00d1df;
   }
-  &.is-primary:hover, &.is-primary.is-hovered {
+  &.is-primary:hover,
+  &.is-primary.is-hovered {
     background-color: #00b9c6;
   }
-  &.is-primary:active, &.is-primary.is-active {
+  &.is-primary:active,
+  &.is-primary.is-active {
     background-color: #00a1ac;
   }
   &.is-primary[disabled] {
@@ -144,7 +146,7 @@ $fa-font-path: "webfonts";
         margin-right: 0;
       }
 
-      .overlay-half-column{
+      .overlay-half-column {
         position: absolute;
         height: calc(120px - 0.5rem);
         width: calc(100% - 1.5rem);
@@ -250,6 +252,22 @@ form .field:not(.is-grouped) {
   box-shadow: none;
 }
 
+.select,
+.select:hover {
+  &:not(.is-multiple):not(.is-loading) {
+    > select[disabled] + &::after {
+      border :1px solid red;
+      border-color: #7a7a7a;
+    }
+    &::after {
+      border-top: 1px solid blue;
+    }
+    > select[disabled] {
+      border: 1px solid yellow;
+    }
+  }
+}
+
 // label with help-icon compensation
 .label-icon-spacing {
   margin-top: 30px;

From a0f4f3dbe281124620eedf4b1a9ec563fdc092d1 Mon Sep 17 00:00:00 2001
From: Florian Scholdei <florian.scholdei@cloudogu.com>
Date: Thu, 18 Apr 2019 17:19:55 +0200
Subject: [PATCH 2/3] implemented graphic disable select input functionality

---
 .../packages/ui-components/src/forms/DropDown.js         | 2 +-
 scm-ui/styles/scm.scss                                   | 9 +--------
 2 files changed, 2 insertions(+), 9 deletions(-)

diff --git a/scm-ui-components/packages/ui-components/src/forms/DropDown.js b/scm-ui-components/packages/ui-components/src/forms/DropDown.js
index 457039a0a8..9600224e48 100644
--- a/scm-ui-components/packages/ui-components/src/forms/DropDown.js
+++ b/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}
diff --git a/scm-ui/styles/scm.scss b/scm-ui/styles/scm.scss
index cdadc9ac3c..ffd9b81d0c 100644
--- a/scm-ui/styles/scm.scss
+++ b/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;
-    }
   }
 }
 

From 8285a1de045888516b8be16ea5f7b7edd690e3cf Mon Sep 17 00:00:00 2001
From: Rene Pfeuffer <rene.pfeuffer@cloudogu.com>
Date: Tue, 23 Apr 2019 11:33:26 +0000
Subject: [PATCH 3/3] Close branch feature/css_disable_dropdown