catalog-ui/src/app/ng2/pages/workspace/deployment-artifacts/deployment-artifacts-page.component.less

   1 .deployment-artifact-page {
   2   .env-artifact-container {
   3     margin-left: -25px;
   4     margin-top: -21px;
   5     padding-left: 10px;
   6     position: absolute;
   7     background-color: white;
   8     .env-artifact {
   9       border-left: 1px #848586 solid;
  10       height: 33px;
  11
  12       border-top: 1px #848586 solid;
  13       border-bottom: 1px #848586 solid;
  14       width: 10px;
  15       float: left;
  16     }
  17   }
  18   .add-artifact-btn {
  19     display: flex;
  20     cursor: pointer;
  21     justify-content: flex-end;
  22     margin-bottom: 10px;
  23   }
  24   .download-artifact-button {
  25     display: grid;
  26     justify-content: start;
  27     grid-template-columns: 20px 20px 20px 20px;
  28
  29     .action-icon {
  30       margin-right: 10px;
  31     }
  32     .action-icon-1 {
  33       grid-column-start: 1;
  34     }
  35     .action-icon-2 {
  36       grid-column-start: 2;
  37     }
  38     .action-icon-3 {
  39       grid-column-start: 3;
  40     }
  41     .action-icon-4 {
  42       grid-column-start: 4;
  43     }
  44   }
  45
  46   .table-footer-container {
  47     display: flex;
  48     align-items: center;
  49     width: 100%;
  50     justify-content: center;
  51     margin: 20px 0px;
  52   }
  53 }
  54
  55 :host ::ng-deep {
  56   .ngx-datatable {
  57     //border: 1px solid red;
  58     .datatable-body-cell {
  59       .info {
  60         float: right;
  61       }
  62     }
  63   }
  64 }