Modify css

Modify css

Issue-ID: SDC-1130,SDC-1131

Change-Id: Ifac3cba09e400add51065528b5443271f8971bc5
Signed-off-by: YuanHu <yuan.hu1@zte.com.cn>

diff --git a/sdc-workflow-designer-ui/src/app/app.component.css b/sdc-workflow-designer-ui/src/app/app.component.css
index 5ad27fe..dd226ff 100644 (file)
--- a/sdc-workflow-designer-ui/src/app/app.component.css
+++ b/sdc-workflow-designer-ui/src/app/app.component.css
@@ -1,111 +1,120 @@
-/**\r
- * Copyright (c) 2017 ZTE Corporation.\r
- * All rights reserved. This program and the accompanying materials\r
- * are made available under the terms of the Eclipse Public License v1.0\r
- * and the Apache License 2.0 which both accompany this distribution,\r
- * and are available at http://www.eclipse.org/legal/epl-v10.html\r
- * and http://www.apache.org/licenses/LICENSE-2.0\r
- *\r
- * Contributors:\r
- *     ZTE - initial API and implementation and/or initial documentation\r
- */\r
-.loading-div{\r
-    position: absolute;\r
-    top: 0;\r
-    width: 100%;\r
-    height: 100%;\r
-    background-color: white;\r
-}\r
-\r
-.loading-div div{\r
-    position: relative;\r
-    top: calc(50% - 36px);\r
-    left: calc(50% - 36px);\r
-}\r
-\r
-.loading-div div:not(:required) {\r
-    -moz-animation: three-quarters-loader 1.5s infinite linear;\r
-    -webkit-animation: three-quarters-loader 1.5s infinite linear;\r
-    animation: three-quarters-loader 1.5s infinite linear;\r
-    box-sizing: border-box;\r
-    display: inline-block;\r
-    overflow: hidden;\r
-    text-indent: -9999px;\r
-    border: 5px solid #1dadfc;\r
-    border-right-color: transparent;\r
-    border-radius: 36px;\r
-    width: 72px;\r
-    height: 72px;\r
-}\r
-\r
-@-moz-keyframes three-quarters-loader {\r
-    0% {\r
-        -moz-transform: rotate(0deg);\r
-        transform: rotate(0deg)\r
-    }\r
-    to {\r
-        -moz-transform: rotate(1turn);\r
-        transform: rotate(1turn)\r
-    }\r
-}\r
-\r
-@-webkit-keyframes three-quarters-loader {\r
-    0% {\r
-        -webkit-transform: rotate(0deg);\r
-        transform: rotate(0deg)\r
-    }\r
-    to {\r
-        -webkit-transform: rotate(1turn);\r
-        transform: rotate(1turn)\r
-    }\r
-}\r
-\r
-@keyframes three-quarters-loader {\r
-    0% {\r
-        -moz-transform: rotate(0deg);\r
-        -ms-transform: rotate(0deg);\r
-        -webkit-transform: rotate(0deg);\r
-        transform: rotate(0deg)\r
-    }\r
-    to {\r
-        -moz-transform: rotate(1turn);\r
-        -ms-transform: rotate(1turn);\r
-        -webkit-transform: rotate(1turn);\r
-        transform: rotate(1turn)\r
-    }\r
-}\r
-\r
-.main-content-wrapper{\r
-    height: 100%;\r
-    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTEgMTEiPjxkZWZzPjxzdHlsZT4uY2xzLTF7aXNvbGF0aW9uOmlzb2xhdGU7fS5jbHMtMntmaWxsOiNmYWZiZmQ7fS5jbHMtM3tmaWxsOiNlY2VkZWY7ZmlsbC1ydWxlOmV2ZW5vZGQ7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5iYWNrZ3JvdW5kLWltYWdlc192MjwvdGl0bGU+PGc+PGltYWdlIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFBc0FBQUFMQ0FJQUFBQW16dUJ4QUFBQUNYQklXWE1BQUFzU0FBQUxFZ0hTM1g3OEFBQUFFMGxFUVZRWVYyUDRUd2d3RUZJd3FvSmtGUUF3eFdtbDRtUGRyd0FBQUFCSlJVNUVya0pnZ2c9PSIvPjwvZz48ZyBpZD0i55+p5b2iXzEiIGRhdGEtbmFtZT0i55+p5b2iIDEiIGNsYXNzPSJjbHMtMSI+PGcgaWQ9IuefqeW9ol8xLTIiIGRhdGEtbmFtZT0i55+p5b2iIDEiPjxyZWN0IGNsYXNzPSJjbHMtMiIgd2lkdGg9IjExIiBoZWlnaHQ9IjExIi8+PC9nPjwvZz48ZyBjbGFzcz0iY2xzLTEiPjxnPjxwb2x5Z29uIGNsYXNzPSJjbHMtMyIgcG9pbnRzPSIxMCAwIDEwIDEwIDAgMTAgMCAxMSAxMCAxMSAxMC45MiAxMSAxMC45MiAwIDEwIDAiLz48L2c+PC9nPjwvc3ZnPg==);\r
-    background-size: 11px;\r
-}\r
-\r
-.tool-bar{\r
-    position: fixed;\r
-    top: 0px;\r
-    left: 0px;\r
-    width: 200px;\r
-    height: 100%;\r
-    background-color: white;\r
-    overflow-y: auto;\r
-}\r
-\r
-.design-area{\r
-    position: relative;\r
-    left: 200px;\r
-    width: calc(100% - 200px);\r
-    height: 100%;\r
-    padding: 20px;\r
-}\r
-\r
-.design-menus{\r
-    display: block;\r
-    height: 30px;\r
-    margin-bottom: 10px;\r
-}\r
-\r
-.design-container{\r
-    display: block;\r
-    height: calc(100% - 40px);\r
-}\r
+/**
+ * Copyright (c) 2017 ZTE Corporation.
+ * All rights reserved. This program and the accompanying materials
+ * are made available under the terms of the Eclipse Public License v1.0
+ * and the Apache License 2.0 which both accompany this distribution,
+ * and are available at http://www.eclipse.org/legal/epl-v10.html
+ * and http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Contributors:
+ *     ZTE - initial API and implementation and/or initial documentation
+ */
+.authorized-div{
+    height: 100%;
+}
+
+.unauthorized-div{
+    text-align: center;
+    color: red;
+}
+
+.loading-div{
+    position: absolute;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background-color: white;
+}
+
+.loading-div div{
+    position: relative;
+    top: calc(50% - 36px);
+    left: calc(50% - 36px);
+}
+
+.loading-div div:not(:required) {
+    -moz-animation: three-quarters-loader 1.5s infinite linear;
+    -webkit-animation: three-quarters-loader 1.5s infinite linear;
+    animation: three-quarters-loader 1.5s infinite linear;
+    box-sizing: border-box;
+    display: inline-block;
+    overflow: hidden;
+    text-indent: -9999px;
+    border: 5px solid #1dadfc;
+    border-right-color: transparent;
+    border-radius: 36px;
+    width: 72px;
+    height: 72px;
+}
+
+@-moz-keyframes three-quarters-loader {
+    0% {
+        -moz-transform: rotate(0deg);
+        transform: rotate(0deg)
+    }
+    to {
+        -moz-transform: rotate(1turn);
+        transform: rotate(1turn)
+    }
+}
+
+@-webkit-keyframes three-quarters-loader {
+    0% {
+        -webkit-transform: rotate(0deg);
+        transform: rotate(0deg)
+    }
+    to {
+        -webkit-transform: rotate(1turn);
+        transform: rotate(1turn)
+    }
+}
+
+@keyframes three-quarters-loader {
+    0% {
+        -moz-transform: rotate(0deg);
+        -ms-transform: rotate(0deg);
+        -webkit-transform: rotate(0deg);
+        transform: rotate(0deg)
+    }
+    to {
+        -moz-transform: rotate(1turn);
+        -ms-transform: rotate(1turn);
+        -webkit-transform: rotate(1turn);
+        transform: rotate(1turn)
+    }
+}
+
+.main-content-wrapper{
+    height: 100%;
+    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTEgMTEiPjxkZWZzPjxzdHlsZT4uY2xzLTF7aXNvbGF0aW9uOmlzb2xhdGU7fS5jbHMtMntmaWxsOiNmYWZiZmQ7fS5jbHMtM3tmaWxsOiNlY2VkZWY7ZmlsbC1ydWxlOmV2ZW5vZGQ7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5iYWNrZ3JvdW5kLWltYWdlc192MjwvdGl0bGU+PGc+PGltYWdlIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFBc0FBQUFMQ0FJQUFBQW16dUJ4QUFBQUNYQklXWE1BQUFzU0FBQUxFZ0hTM1g3OEFBQUFFMGxFUVZRWVYyUDRUd2d3RUZJd3FvSmtGUUF3eFdtbDRtUGRyd0FBQUFCSlJVNUVya0pnZ2c9PSIvPjwvZz48ZyBpZD0i55+p5b2iXzEiIGRhdGEtbmFtZT0i55+p5b2iIDEiIGNsYXNzPSJjbHMtMSI+PGcgaWQ9IuefqeW9ol8xLTIiIGRhdGEtbmFtZT0i55+p5b2iIDEiPjxyZWN0IGNsYXNzPSJjbHMtMiIgd2lkdGg9IjExIiBoZWlnaHQ9IjExIi8+PC9nPjwvZz48ZyBjbGFzcz0iY2xzLTEiPjxnPjxwb2x5Z29uIGNsYXNzPSJjbHMtMyIgcG9pbnRzPSIxMCAwIDEwIDEwIDAgMTAgMCAxMSAxMCAxMSAxMC45MiAxMSAxMC45MiAwIDEwIDAiLz48L2c+PC9nPjwvc3ZnPg==);
+    background-size: 11px;
+}
+
+.tool-bar{
+    position: fixed;
+    top: 0px;
+    left: 0px;
+    width: 200px;
+    height: 100%;
+    background-color: white;
+    overflow-y: auto;
+}
+
+.design-area{
+    position: relative;
+    left: 200px;
+    width: calc(100% - 200px);
+    height: 100%;
+    padding: 20px;
+}
+
+.design-menus{
+    display: block;
+    height: 30px;
+    margin-bottom: 10px;
+}
+
+.design-container{
+    display: block;
+    height: calc(100% - 40px);
+}
\ No newline at end of file