aboutsummaryrefslogtreecommitdiffstats
path: root/sdc-workflow-designer-ui/src/app
diff options
context:
space:
mode:
authorYuanHu <yuan.hu1@zte.com.cn>2018-03-27 15:32:02 +0800
committerYuanHu <yuan.hu1@zte.com.cn>2018-03-27 15:32:02 +0800
commitaa95b3b4821d7349c9c12228481609d054e1c476 (patch)
tree32f29ed9e04ac938b68126f1e227c4f9b66988a9 /sdc-workflow-designer-ui/src/app
parent3036f633a343e6c74563e209420002d4784f888f (diff)
Modify css
Modify css Issue-ID: SDC-1130,SDC-1131 Change-Id: Ifac3cba09e400add51065528b5443271f8971bc5 Signed-off-by: YuanHu <yuan.hu1@zte.com.cn>
Diffstat (limited to 'sdc-workflow-designer-ui/src/app')
-rw-r--r--sdc-workflow-designer-ui/src/app/app.component.css231
1 files changed, 120 insertions, 111 deletions
diff --git a/sdc-workflow-designer-ui/src/app/app.component.css b/sdc-workflow-designer-ui/src/app/app.component.css
index 5ad27fed..dd226ff1 100644
--- a/sdc-workflow-designer-ui/src/app/app.component.css
+++ b/sdc-workflow-designer-ui/src/app/app.component.css
@@ -1,111 +1,120 @@
-/**
- * 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
- */
-.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);
-}
+/**
+ * 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