openecomp-ui/resources/scss/modules/_softwareProductProcessesPage.scss

   1 .edit-process-modal {
   2   background-color: $white;
   3   height: 100%;
   4   &.modal-body {
   5     padding: 0;
   6     background-color: $white;
   7   }
   8   .vsp-processes-editor {
   9     padding-left: 0;
  10     padding-right: 0;
  11     .editor-title {
  12       @extend .heading-2;
  13       color: $dark-gray;
  14       padding-bottom: 50px;
  15     }
  16     .file-upload-box {
  17       @extend .body-1;
  18       display: flex;
  19       text-align: center;
  20       flex-direction: column;
  21       justify-content: center;
  22       border: 2px dashed $light-gray;
  23       padding-top: 20px;
  24       padding-bottom: 20px;
  25
  26       align-items: center;
  27       .upload-btn {
  28         padding: 20px;
  29         padding-top: 7px;
  30         padding-bottom: 3px;
  31       }
  32       .drag-text {
  33         color: $blue;
  34         font-weight: bolder;
  35       }
  36       .or-text {
  37         margin-top: 10px;
  38         margin-bottom: 10px;
  39       }
  40     }
  41     .vsp-processes-editor-data {
  42       padding: 28px 54px;
  43       transition: border .2s;
  44       .vsp-process-dropzone-view {
  45         background-color: transparent;
  46         padding: 15px;
  47         &.active-dragging {
  48           border: 3px dashed $dark-blue;
  49           border-radius: 20px;
  50           .draggable-wrapper {
  51             opacity: 0.5;
  52           }
  53         }
  54         .grid-section {
  55           .section-title {
  56             padding-bottom: 0px;
  57           }
  58         }
  59       }
  60       .validation-input-wrapper {
  61         .form-group.vsp-process-description > textarea {
  62             height: 113px;
  63         }
  64       }
  65     }
  66   }
  67 }
  68
  69 .vsp-processes-page {
  70   .processes-list {
  71     @extend .flex-column;
  72   }
  73   .list-editor-view {
  74     .list-editor-view-list {
  75       .list-editor-item-view {
  76         .list-editor-item-view-content {
  77           .list-editor-item-view-field {
  78             .artifact-name {
  79               @extend .body-1;
  80               color: $light-green;
  81             }
  82           }
  83         }
  84       }
  85     }
  86   }
  87 }