diff options
author | Ahmed Abbas <ahmad.helmy@orange.com> | 2020-02-28 18:18:36 +0200 |
---|---|---|
committer | KAPIL SINGAL <ks220y@att.com> | 2020-02-28 18:20:27 +0000 |
commit | 886d352ec99fe5281c281c16f8d4b9908fb0dcc3 (patch) | |
tree | ec279d227f4e58f6cfe60c6a2aa3f5b0d9c7df78 /cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/designer.component.css | |
parent | dc3e41335d7ceb42901b8fd4ccace72825552302 (diff) |
add designer funcionality - declarative workflow
- save source editor to store
- generate graph based on json data from source editor
- make functions retrieved from server
- prevent multible functions inside action if the first fn is not dg-generic
- dg generic case (mutli functions inside single action)
- arrange elements that are generated automcatilly using DirectedGraph lib dagree
Issue-ID: CCSDK-1779
Issue-ID: CCSDK-1783
Issue-ID: CCSDK-2017
Signed-off-by: Ahmed Abbas <ahmad.helmy@orange.com>
Change-Id: Ief3579e4a9716475c9aaf85b5a349bc2af466cdb
Diffstat (limited to 'cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/designer.component.css')
-rw-r--r-- | cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/designer.component.css | 37 |
1 files changed, 33 insertions, 4 deletions
diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/designer.component.css b/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/designer.component.css index 799407093..37a6f9235 100644 --- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/designer.component.css +++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/designer.component.css @@ -268,7 +268,7 @@ p.compType-4{ color: #fff; } .actionBtns .btn:last-child{ - padding-left: 34px; + padding-left: 34px !important; background: url(src/assets/img/icon-import-blue.svg) 12px center #fff no-repeat; border: solid 1px #D0DFF1; color: #1B3E6F; @@ -279,6 +279,8 @@ p.compType-4{ } .componentsList{ padding-bottom: 0; + height: calc( 100vh - 218px)!important; + overflow: scroll; } .custom-control.custom-checkbox:hover, .custom-control-label:hover{ @@ -342,11 +344,11 @@ p.compType-4{ /*CANVAS*/ .editBar{ - width: 350px; + width: 200px; margin: 0 auto 0; padding: 6px 10px; background:#F4F9FE; - border: solid 1px #E8EFF8; + /* border: solid 1px #E8EFF8; */ box-shadow: 0 2px 6px rgba(47, 83, 151, .1); } .editBar .btn-group{ @@ -366,7 +368,7 @@ p.compType-4{ } .viewBtns .btn{ background-position: 10px center; - padding-left: 30px; + padding-left: 30px!important; } .viewBtns .topologySource{ background-image: url(src/assets/img/icon-topologyView-active.svg); @@ -548,3 +550,30 @@ p.compType-4{ font-size: 10px; } +.source-button{ + position: absolute; + z-index: 9999999; + top: 69px; + left: 50%; +} +/*jointjs paper*/ +/* #board-paper { + position: relative; + border: 1px solid gray; + display: inline-block; + background: transparent; + overflow: hidden; +} +#board-paper svg { + background: transparent; +} +#board-paper svg .link { + z-index: 2; +} +.html-element { + position: absolute; + background: #F4F9FE; + pointer-events: none; + -webkit-user-select: none; + z-index: 2; +} */ |