From efa037d34be7b1570efdc767c79fad8d4005f10e Mon Sep 17 00:00:00 2001 From: Michael Lando Date: Sun, 19 Feb 2017 12:57:33 +0200 Subject: Add new code new version Change-Id: Ic02a76313503b526f17c3df29eb387a29fe6a42a Signed-off-by: Michael Lando --- .../modules/_softwareProductProcessesPage.scss | 84 ++++++++++++++++++++++ 1 file changed, 84 insertions(+) create mode 100644 openecomp-ui/resources/scss/modules/_softwareProductProcessesPage.scss (limited to 'openecomp-ui/resources/scss/modules/_softwareProductProcessesPage.scss') diff --git a/openecomp-ui/resources/scss/modules/_softwareProductProcessesPage.scss b/openecomp-ui/resources/scss/modules/_softwareProductProcessesPage.scss new file mode 100644 index 0000000000..167dad92e2 --- /dev/null +++ b/openecomp-ui/resources/scss/modules/_softwareProductProcessesPage.scss @@ -0,0 +1,84 @@ +.edit-process-modal { + background-color: $white; + height: 100%; + &.modal-body { + padding: 0; + background-color: $white; + } + .vsp-processes-editor { + padding-left: 0; + padding-right: 0; + .editor-title { + @extend .heading-2; + color: $dark-gray; + padding-bottom: 50px; + } + .file-upload-box { + @extend .body-1; + display: flex; + text-align: center; + flex-direction: column; + justify-content: center; + border: 2px dashed $light-gray; + padding-top: 20px; + padding-bottom: 20px; + + align-items: center; + .upload-btn { + padding: 20px; + padding-top: 7px; + padding-bottom: 3px; + } + .drag-text { + color: $blue; + font-weight: bolder; + } + .or-text { + margin-top: 10px; + margin-bottom: 10px; + } + } + .vsp-processes-editor-data { + padding: 28px 54px; + transition: border .2s; + .vsp-process-dropzone-view { + background-color: transparent; + padding: 15px; + &.active-dragging { + border: 3px dashed $dark-blue; + border-radius: 20px; + .draggable-wrapper { + opacity: 0.5; + } + } + } + .validation-input-wrapper { + .form-group { + .vsp-process-description { + height: 200px; + } + } + } + } + } +} + +.vsp-processes-page { + .processes-list { + @extend .flex-column; + } + .list-editor-view { + .list-editor-view-list { + .list-editor-item-view { + .list-editor-item-view-content { + .list-editor-item-view-field { + .artifact-name { + @extend .body-1; + color: $light-green; + } + } + } + } + } + } +} -- cgit 1.2.3-korg