From a69951b9f9319f8e25d63384b2dbee851df24694 Mon Sep 17 00:00:00 2001
From: Stanislav Vishnevetskiy <shlomo-stanisla.vishnevetskiy@amdocs.com>
Date: Mon, 27 Aug 2018 10:07:45 +0300
Subject: wf composition

Issue-ID: SDC-1591
Change-Id: I3d1c1e08094a2088b8e474b0c6f3616088ded4ee
Signed-off-by: Stanislav Vishnevetskiy <shlomo-stanisla.vishnevetskiy@amdocs.com>
---
 .../resources/scss/common/_customVariables.scss    |  3 +++
 .../resources/scss/features/_composition.scss      | 26 ++++++++++++++++++----
 .../resources/scss/features/_overview.scss         | 23 ++++++++++++++++---
 3 files changed, 45 insertions(+), 7 deletions(-)

(limited to 'workflow-designer-ui/src/main/frontend/resources')

diff --git a/workflow-designer-ui/src/main/frontend/resources/scss/common/_customVariables.scss b/workflow-designer-ui/src/main/frontend/resources/scss/common/_customVariables.scss
index 1a532c88..5e5bef84 100644
--- a/workflow-designer-ui/src/main/frontend/resources/scss/common/_customVariables.scss
+++ b/workflow-designer-ui/src/main/frontend/resources/scss/common/_customVariables.scss
@@ -1,6 +1,9 @@
 $cursor-disabled: not-allowed !default;
 $cursor-pointer: pointer;
 
+$camunda-panel-error-border-color: #cc3333;
+$camunda-panel-error-background-color: #f0c2c2;
+
 @mixin body-1-emphasis() {
     @include base-font-semibold;
     font-size: $body-font-1;
diff --git a/workflow-designer-ui/src/main/frontend/resources/scss/features/_composition.scss b/workflow-designer-ui/src/main/frontend/resources/scss/features/_composition.scss
index 119bbf02..6554219c 100644
--- a/workflow-designer-ui/src/main/frontend/resources/scss/features/_composition.scss
+++ b/workflow-designer-ui/src/main/frontend/resources/scss/features/_composition.scss
@@ -7,19 +7,37 @@
 		flex-grow: 1
 	}
 	.bpmn-sidebar {
+		background-color: $light-silver;
 		height: 100%;
 		width: 320px;
+		height: 100%;		
+		label {			
+			@include body-1;
+		}
+		.group-label {
+			@include heading-4-emphasis;
+			font-size: 110%;
+		}
 		.properties-panel {
+			background-color: $light-silver;
+			max-height: 888px;
+			overflow-y: auto;
 			&, .bpp-properties-panel {
-				height: 100%;
+				background-color: $light-silver;
+				#camunda-activitySelect-select {
+					&.invalid {
+						border-color: $camunda-panel-error-border-color;
+						background-color: $camunda-panel-error-background-color;
+					}
+				}
 			}
 		}
 		.composition-buttons {
 			position: fixed;
-			background-color: #fafafa;
+			background-color: $light-silver;
 			left: 265px;
 			bottom: 46px;
-			border: 1px solid lightgray;
+			border: 1px solid $light-gray;
 			width: 189px;
 			display: flex;
 			flex-direction: row;
@@ -29,7 +47,7 @@
 			padding: 10px;
 			.divider {
 				height: 35px;
-    			border: 1px solid $silver;
+    			border: 1px solid $light-gray;
 			}
 			.diagram-btn {
 				
diff --git a/workflow-designer-ui/src/main/frontend/resources/scss/features/_overview.scss b/workflow-designer-ui/src/main/frontend/resources/scss/features/_overview.scss
index 24f632db..e299fa3d 100644
--- a/workflow-designer-ui/src/main/frontend/resources/scss/features/_overview.scss
+++ b/workflow-designer-ui/src/main/frontend/resources/scss/features/_overview.scss
@@ -59,10 +59,27 @@
   }
 
   .overview-header {
-    @include heading-1;
-    text-transform: uppercase;
-    margin: 63px 0 35px 56px;
+    display: flex;
+    margin: 35px 60px 35px 60px;
     color: $blue;
+    justify-content: space-between;
+    .title {
+      @include heading-1;
+      text-transform: uppercase;    
+    }
+    .go-catalog-btn {
+        fill: $blue;
+        @include heading-4;      
+        &:hover {
+          fill: $light-blue;
+          color: $light-blue;
+          cursor: pointer;
+        }
+        .svg-icon {
+          width: 16px;
+          height: 16px;
+        }
+    }
   }
 
   @mixin version-page-box-shadow() {
-- 
cgit 1.2.3-korg