diff options
author | 2018-01-12 10:47:38 +0800 | |
---|---|---|
committer | 2018-01-12 10:47:38 +0800 | |
commit | 22050d0684629bf50dedd9eda20242c6aae62337 (patch) | |
tree | e1eba9724cd9e81905dcb7b5f811914a5ff9c010 /sdc-workflow-designer-ui/src/app/components/node/node.component.css | |
parent | f093dcdbc4012a64c11a293052afbc74d84c8c5a (diff) |
change file encoding
change pc to unix
Issue-ID: SDC-910
Change-Id: I3fde01a1b8c8daa4ea34622f369fb2e04b59b47f
Signed-off-by: Lvbo163 <lv.bo163@zte.com.cn>
Diffstat (limited to 'sdc-workflow-designer-ui/src/app/components/node/node.component.css')
-rw-r--r-- | sdc-workflow-designer-ui/src/app/components/node/node.component.css | 456 |
1 files changed, 228 insertions, 228 deletions
diff --git a/sdc-workflow-designer-ui/src/app/components/node/node.component.css b/sdc-workflow-designer-ui/src/app/components/node/node.component.css index d0c35868..85cb0422 100644 --- a/sdc-workflow-designer-ui/src/app/components/node/node.component.css +++ b/sdc-workflow-designer-ui/src/app/components/node/node.component.css @@ -1,228 +1,228 @@ -/**
- * 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
- */
-
-.node {
- cursor: pointer;
- display: inline-block;
- position: absolute;
- z-index: 2;
-}
-
-.node-icon{
- border-radius: 4px;
-}
-
-.node-icon svg{
- display: block;
- fill: #00ABFF;
-}
-
-.active {
- outline: 1px solid #00ABFF;
-}
-
-/**
- * Anchors
- */
-.anchors {
- position: absolute;
- border-radius: 1em;
- display: none;
- background-color: #2e6f9a;
- width: 12px;
- height: 12px;
- cursor: pointer;
- -ms-transition: all 0.15s ease-in-out;
- transition: all 0.15s ease-in-out;
- -moz-transition: all 0.15s ease-in-out;
- -webkit-transition: all 0.15s ease-in-out;
- -o-transition: all 0.15s ease-in-out;
-}
-
-.node-icon:hover > .anchors {
- display: inline-block;
-}
-
-.anchor-left {
- left: -6px;
- top: calc(50%);
-}
-
-.anchor-right {
- right: -6px;
- top: calc(50%);
-}
-
-.anchor-top {
- top: -6px;
- left: calc(50% - 6px);
-}
-
-.anchor-bottom {
- bottom: -6px;
- left: calc(50% - 6px);
-}
-
-/*right arrow*/
-.right {
- width: 10px;
- height: 10px;
- position: absolute;
- left: 4px;
- top: 1px;
-
-}
-
-.right-arrow1, .right-arrow2 {
- width: 0;
- height: 0;
- display: block;
- position: absolute;
- left: 0;
- top: 0;
- border-top: 5px transparent dashed;
- border-right: 5px transparent dashed;
- border-bottom: 5px transparent dashed;
- border-left: 5px #2e6f9a solid;
- overflow: hidden;
-}
-
-.right-arrow1 {
-
- border-left: 5px white solid;
-}
-
-.right-arrow2 {
- left: -2px;
-}
-
-/*left arrow */
-.left {
- width: 10px;
- height: 10px;
- position: absolute;
- left: -2px;
- top: 1px;
- z-index: 2;
-}
-
-.left-arrow1, .left-arrow2 {
- width: 0;
- height: 0;
- display: block;
- position: absolute;
- left: 0;
- top: 0;
- z-index: 5; /*ie8-*/
- border-top: 5px transparent dashed;
- border-left: 5px transparent dashed;
- border-bottom: 5px transparent dashed;
- border-right: 5px #2e6f9a solid;
- overflow: hidden;
-}
-
-.left-arrow1 {
- border-right: 5px #fff solid;
-}
-
-.left-arrow2 {
- left: 2px;
-}
-
-/*top arrow*/
-.top {
- width: 10px;
- height: 10px;
- position: absolute;
- left: 1px;
- z-index: 2;
-}
-
-.top-arrow1, .top-arrow2 {
- width: 0;
- height: 0;
- display: block;
- position: absolute;
- left: 0;
- top: 0;
- z-index: 5;
- border-bottom: 5px #2e6f9a solid;
- border-left: 5px transparent dashed;
- border-right: 5px transparent dashed;
- border-top: 5px transparent dashed;
- overflow: hidden;
-}
-
-.top-arrow1 {
- z-index: 6;
-}
-
-.top-arrow2 {
- top: -2px;
- border-bottom: 5px white solid;
-}
-
-/*bottom arrow*/
-.bottom {
- width: 10px;
- height: 10px;
- position: absolute;
- left: 1px;
- top: 4px;
- z-index: 2;
-}
-
-.bottom-arrow1, .bottom-arrow2 {
- width: 0;
- height: 0;
- display: block;
- position: absolute;
- left: 0;
- top: 0;
- z-index: 5;
- border-bottom: 5px transparent dashed;
- border-left: 5px transparent dashed;
- border-right: 5px transparent dashed;
- border-top: 5px #2e6f9a solid;
- overflow: hidden;
-}
-
-.bottom-arrow1 {
- top: -2px;
- z-index: 6;
-}
-
-.bottom-arrow2 {
- border-top: 5px white solid;
-}
-/**
- * Anchors End
- */
-
-.node .name {
- width: 55px;
- height: 12px;
- text-align: center;
- white-space: nowrap;
- color: #5c6d90;
- line-height: 12px;
- cursor: pointer;
- font-family: Arial;
- font-size: 12px;
-}
-
-.resizeable {
- background-color: darkolivegreen;
- border:1px solid blue;
- margin: 10px;
-}
-
+/** + * 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 + */ + +.node { + cursor: pointer; + display: inline-block; + position: absolute; + z-index: 2; +} + +.node-icon{ + border-radius: 4px; +} + +.node-icon svg{ + display: block; + fill: #00ABFF; +} + +.active { + outline: 1px solid #00ABFF; +} + +/** + * Anchors + */ +.anchors { + position: absolute; + border-radius: 1em; + display: none; + background-color: #2e6f9a; + width: 12px; + height: 12px; + cursor: pointer; + -ms-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; + -moz-transition: all 0.15s ease-in-out; + -webkit-transition: all 0.15s ease-in-out; + -o-transition: all 0.15s ease-in-out; +} + +.node-icon:hover > .anchors { + display: inline-block; +} + +.anchor-left { + left: -6px; + top: calc(50%); +} + +.anchor-right { + right: -6px; + top: calc(50%); +} + +.anchor-top { + top: -6px; + left: calc(50% - 6px); +} + +.anchor-bottom { + bottom: -6px; + left: calc(50% - 6px); +} + +/*right arrow*/ +.right { + width: 10px; + height: 10px; + position: absolute; + left: 4px; + top: 1px; + +} + +.right-arrow1, .right-arrow2 { + width: 0; + height: 0; + display: block; + position: absolute; + left: 0; + top: 0; + border-top: 5px transparent dashed; + border-right: 5px transparent dashed; + border-bottom: 5px transparent dashed; + border-left: 5px #2e6f9a solid; + overflow: hidden; +} + +.right-arrow1 { + + border-left: 5px white solid; +} + +.right-arrow2 { + left: -2px; +} + +/*left arrow */ +.left { + width: 10px; + height: 10px; + position: absolute; + left: -2px; + top: 1px; + z-index: 2; +} + +.left-arrow1, .left-arrow2 { + width: 0; + height: 0; + display: block; + position: absolute; + left: 0; + top: 0; + z-index: 5; /*ie8-*/ + border-top: 5px transparent dashed; + border-left: 5px transparent dashed; + border-bottom: 5px transparent dashed; + border-right: 5px #2e6f9a solid; + overflow: hidden; +} + +.left-arrow1 { + border-right: 5px #fff solid; +} + +.left-arrow2 { + left: 2px; +} + +/*top arrow*/ +.top { + width: 10px; + height: 10px; + position: absolute; + left: 1px; + z-index: 2; +} + +.top-arrow1, .top-arrow2 { + width: 0; + height: 0; + display: block; + position: absolute; + left: 0; + top: 0; + z-index: 5; + border-bottom: 5px #2e6f9a solid; + border-left: 5px transparent dashed; + border-right: 5px transparent dashed; + border-top: 5px transparent dashed; + overflow: hidden; +} + +.top-arrow1 { + z-index: 6; +} + +.top-arrow2 { + top: -2px; + border-bottom: 5px white solid; +} + +/*bottom arrow*/ +.bottom { + width: 10px; + height: 10px; + position: absolute; + left: 1px; + top: 4px; + z-index: 2; +} + +.bottom-arrow1, .bottom-arrow2 { + width: 0; + height: 0; + display: block; + position: absolute; + left: 0; + top: 0; + z-index: 5; + border-bottom: 5px transparent dashed; + border-left: 5px transparent dashed; + border-right: 5px transparent dashed; + border-top: 5px #2e6f9a solid; + overflow: hidden; +} + +.bottom-arrow1 { + top: -2px; + z-index: 6; +} + +.bottom-arrow2 { + border-top: 5px white solid; +} +/** + * Anchors End + */ + +.node .name { + width: 55px; + height: 12px; + text-align: center; + white-space: nowrap; + color: #5c6d90; + line-height: 12px; + cursor: pointer; + font-family: Arial; + font-size: 12px; +} + +.resizeable { + background-color: darkolivegreen; + border:1px solid blue; + margin: 10px; +} + |