From 75a9f050d7b92996b464488001829042cb5051a0 Mon Sep 17 00:00:00 2001
From: YuanHu <yuan.hu1@zte.com.cn>
Date: Tue, 27 Mar 2018 15:57:07 +0800
Subject: Modify css files

Modify css files

Issue-ID: SDC-1130,SDC-1131

Change-Id: I5da79bb12b7f9e52a4317bae190f873d2949b84f
Signed-off-by: YuanHu <yuan.hu1@zte.com.cn>
---
 .../editable-property.component.css                | 51 ++++++++++++++++++----
 1 file changed, 43 insertions(+), 8 deletions(-)

(limited to 'sdc-workflow-designer-ui/src/app/components/editable-property')

diff --git a/sdc-workflow-designer-ui/src/app/components/editable-property/editable-property.component.css b/sdc-workflow-designer-ui/src/app/components/editable-property/editable-property.component.css
index 257a07df..35d21fce 100644
--- a/sdc-workflow-designer-ui/src/app/components/editable-property/editable-property.component.css
+++ b/sdc-workflow-designer-ui/src/app/components/editable-property/editable-property.component.css
@@ -10,17 +10,52 @@
  *     ZTE - initial API and implementation and/or initial documentation
  */
 
-.edit{
-    font-size: 24px;
+.editable-content {
+    display: inline-block;
     width: 300px;
-    height: 30px;
-    border: 1px solid #fff;
+    visibility: visible;
+}
+
+.editable-main {
+    border: 1px solid transparent;
+    border-radius: 3px;
+    cursor: pointer;
+    font-size: 24px;
+    min-height: 34px;
+    padding: 2px 20px 2px 2px;
+    position: relative;
+    word-wrap: break-word;
+}
+
+.editable-main:hover {
+    border: 1px solid #ddd;
+}
+
+.editable-main span {
+    background-color: #f0f0f0;
+    border-left: 1px solid #ddd;
+    display: none;
+    padding: 0 4px 0 4px;
+    height: 100%;
+    position: absolute;
+    right: 0;
+    top: 0;
+    -moz-border-radius-topright: 3px;
+    -moz-border-radius-bottomright: 3px;
+    -webkit-border-top-right-radius: 3px;
+    -webkit-border-bottom-right-radius: 3px;
+}
+
+.editable-main span i {
+    font-size: 16px;
+    color: #707070;
 }
 
-.edit:hover{
-    border-color: #80bdff;
+.editable-main:hover span {
+    display: inline;
 }
 
-.edit:focus{
-    border-color: #80bdff;
+.editable-field {
+    display: inline-block;
+    width: 100%;
 }
\ No newline at end of file
-- 
cgit 1.2.3-korg