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       }
  55       .validation-input-wrapper {
  56         .form-group {
  57           .vsp-process-description {
  58             height: 200px;
  59           }
  60         }
  61       }
  62     }
  63   }
  64 }
  65
  66 .vsp-processes-page {
  67   .processes-list {
  68     @extend .flex-column;
  69   }
  70   .list-editor-view {
  71     .list-editor-view-list {
  72       .list-editor-item-view {
  73         .list-editor-item-view-content {
  74           .list-editor-item-view-field {
  75             .artifact-name {
  76               @extend .body-1;
  77               color: $light-green;
  78             }
  79           }
  80         }
  81       }
  82     }
  83   }
  84 }