catalog-ui/src/assets/styles/table-style.less

   1 @import "./override";
   2
   3 :host ::ng-deep {
   4
   5   .externalActionLabel {
   6       color: @sdcui_color_blue;
   7   }
   8
   9   .ngx-datatable {
  10     border: 1px solid @sdcui_color_light-gray;
  11     > div {
  12       height: 100%;
  13       min-height: 500px;
  14       datatable-body {
  15         height: calc(100% - 50px) !important;
  16         overflow-y: auto;
  17         overflow-x: hidden;
  18         max-height: 500px;
  19       }
  20     }
  21     //*********************************************
  22
  23     .datatable-header {
  24       background-color: @sdcui_color_silver;
  25       border-bottom: 1px solid @sdcui_color_light-gray;
  26
  27       .datatable-header-inner {
  28         height: 100%;
  29         align-items: center;
  30
  31         .datatable-header-cell {
  32           box-sizing: border-box;
  33           color: @sdcui_color_dark-gray;
  34           border-right: 1px solid @sdcui_color_light-gray;
  35           font-weight: bold;
  36           text-align: center;
  37           padding: 10px;
  38
  39           .datatable-icon-up {
  40             border-left: 5px solid transparent;
  41             border-right: 5px solid transparent;
  42             border-bottom: 5px solid @sdcui_color_dark-gray;
  43           }
  44
  45           .datatable-icon-down {
  46             border-left: 5px solid transparent;
  47             border-right: 5px solid transparent;
  48             border-top: 5px solid @sdcui_color_dark-gray;
  49           }
  50         }
  51       }
  52     }
  53
  54     .datatable-body-cell {
  55       padding: 5px 20px;
  56       border-bottom: 1px solid @sdcui_color_light-gray;
  57       border-right: 1px solid @sdcui_color_light-gray;
  58       font-family: OpenSans-Regular, sans-serif;
  59       font-size: 13px;
  60       font-weight: normal;
  61       .label {
  62         font-family: OpenSans-Regular, sans-serif;
  63         font-size: 13px;
  64         color: @sdcui_color_gray;
  65       }
  66     }
  67     .datatable-body-row:hover {
  68       background-color: @sdcui_color_light-silver;
  69     }
  70
  71   }
  72   .datatable-row-detail {
  73     padding: 10px 25px;
  74     border-bottom: 1px solid @sdcui_color_light-gray;
  75   }
  76
  77   .empty-row {
  78     padding: 10px;
  79   }
  80
  81 }
  82
  83 .expand-collapse-cell {
  84   display: flex;
  85   align-items: center;
  86   .expand-collapse-icon {
  87     padding-right: 10px;
  88   }
  89 }