catalog-ui/src/app/ng2/pages/workspace/disribution/distribution.component.less

   1 :host ::ng-deep {
   2   .ngx-datatable {
   3     > div {
   4       min-height: 500px;
   5       datatable-body {
   6         max-height: max-content;
   7       }
   8     }
   9   }
  10 }
  11
  12 .w-sdc-distribution-view-header {
  13   display: flex;
  14   -webkit-justify-content: space-between;
  15   margin: 0 25px 5px 40px;
  16
  17   .header-spacer {
  18     flex-grow: 5;
  19   }
  20
  21   .w-sdc-distribution-view-title{
  22     color: #191919;
  23     font-family: OpenSans-Regular, sans-serif;
  24     font-size: 14px;
  25     line-height: 30px;
  26
  27
  28     .blue-font {
  29       color: #009fdb;
  30       font-family: OpenSans-Semibold, sans-serif;
  31       font-size: 14px;
  32     }
  33   }
  34
  35 }
  36
  37 .distribution-page {
  38   max-height: 150px;
  39 }
  40
  41   .distributionIDBlock {
  42     display: inline-block;
  43   }
  44
  45   .expand-collapse-cell {
  46     display: inline-block;
  47   }
  48
  49   .statusIcon {
  50     display: inline-block;
  51     margin-right: 10px;
  52   }
  53
  54   .btnMarkAsDistributed {
  55     float: right;
  56     background-color: #E5F3FF;
  57     border: 1px solid #8DCCD5;
  58     width: 55px;
  59     height: 21px;
  60     text-align: center;
  61   }
  62
  63   .distributionRowContainer{
  64     background-color: #eaeaea;
  65     text-align: center;
  66   }
  67
  68   .distributionRowLabel {
  69     overflow: hidden;
  70     padding-top: 10px;
  71     color: #000000;
  72     font-family: OpenSans-Semibold, sans-serif;
  73     font-size: 12px;
  74     font-weight: bold;
  75   }
  76
  77   .distributionRowValue {
  78     color: #263d4d;
  79     font-family: OpenSans-Regular, sans-serif;
  80     font-size: 14px;
  81   }
  82
  83 .ellipsisCell {
  84   width: 92%;
  85   white-space: nowrap;
  86   text-overflow: ellipsis;
  87   overflow: hidden;
  88 }
  89
  90
  91
  92