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: 4px 20px;
  29       }
  30       .drag-text {
  31         color: $blue;
  32         @extend .body-1-semibold;
  33       }
  34       .or-text {
  35         margin-top: 10px;
  36         margin-bottom: 10px;
  37       }
  38     }
  39     .vsp-processes-editor-data {
  40       transition: border .2s;
  41       .vsp-process-dropzone-view {
  42         background-color: transparent;
  43         &.active-dragging {
  44           border: 3px dashed $dark-blue;
  45           border-radius: 20px;
  46           .draggable-wrapper {
  47             opacity: 0.5;
  48           }
  49         }
  50         .grid-section {
  51           .section-title {
  52             padding-bottom: 0;
  53           }
  54         }
  55       }
  56       .validation-input-wrapper {
  57         .form-group.vsp-process-description > textarea {
  58             height: 113px;
  59         }
  60       }
  61     }
  62   }
  63 }
  64
  65 .software-product-landing-view-right-side.vsp-processes-page {
  66         overflow-y: initial;
  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 }