Fix two scroll bars overlapping

Issue-ID: SDC-4615
Signed-off-by: JvD_Ericsson <jeff.van.dam@est.tech>
Change-Id: I4bbd65cf5d425fa4fe1ee309dd5f86e9a904b224

diff --git a/catalog-ui/src/app/ng2/components/ui/modal/modal.component.less b/catalog-ui/src/app/ng2/components/ui/modal/modal.component.less
index 7adb0e4..5eddc0b 100644 (file)
--- a/catalog-ui/src/app/ng2/components/ui/modal/modal.component.less
+++ b/catalog-ui/src/app/ng2/components/ui/modal/modal.component.less
@@ -17,6 +17,15 @@
     display: flex;
     align-items: center;
 
+    /deep/ .component-container {
+        max-height: 500px;
+        overflow: scroll;
+        padding: 0 5px;
+        &::-webkit-scrollbar-track {
+            border: 0;
+        }
+    }
+
     .ng2-modal-content {
         background: #fff;
         width: 100%;

diff --git a/catalog-ui/src/app/ng2/pages/properties-assignment/tosca-function/tosca-concat-function/tosca-concat-function.component.less b/catalog-ui/src/app/ng2/pages/properties-assignment/tosca-function/tosca-concat-function/tosca-concat-function.component.less
index b9c5983..412aebc 100644 (file)
--- a/catalog-ui/src/app/ng2/pages/properties-assignment/tosca-function/tosca-concat-function/tosca-concat-function.component.less
+++ b/catalog-ui/src/app/ng2/pages/properties-assignment/tosca-function/tosca-concat-function/tosca-concat-function.component.less
@@ -23,7 +23,6 @@
 @import "../../../../../../assets/styles/sprite.less";
 
 .component-container {
-    max-height: 500px;
     overflow: scroll;
     padding: 0 5px;
     &::-webkit-scrollbar-track {

diff --git a/catalog-ui/src/app/ng2/pages/properties-assignment/tosca-function/tosca-custom-function/tosca-custom-function.component.less b/catalog-ui/src/app/ng2/pages/properties-assignment/tosca-function/tosca-custom-function/tosca-custom-function.component.less
index f37e7be..63edff8 100644 (file)
--- a/catalog-ui/src/app/ng2/pages/properties-assignment/tosca-function/tosca-custom-function/tosca-custom-function.component.less
+++ b/catalog-ui/src/app/ng2/pages/properties-assignment/tosca-function/tosca-custom-function/tosca-custom-function.component.less
@@ -23,7 +23,6 @@
 @import "../../../../../../assets/styles/sprite.less";
 
 .component-container {
-    max-height: 500px;
     overflow: scroll;
     padding: 0 5px;
     &::-webkit-scrollbar-track {