catalog-ui/src/app/ng2/components/logic/generic-artifact-browser/generic-artifact-browser.component.less

   1 @import '../../../../../assets/styles/mixins';
   2
   3 .ngx-datatable.material {
   4   .datatable-body {
   5     .datatable-body-row {
   6       .datatable-body-cell {
   7         background-clip: padding-box;
   8         background-color: rgb(233, 236, 239);
   9         flex-direction: column;
  10         font-family: monospace;
  11         font-size: 16px;
  12         font-stretch: 100%;
  13         font-weight: 400;
  14         line-height:5px;
  15         margin-right: 6px;
  16         overflow: auto !important;
  17         padding: 3px;
  18         border-bottom: 6px solid white;
  19
  20         .selectable();
  21         :last-of-type {
  22           background-color: white;
  23         }
  24         span {
  25           display: inline-block;
  26           line-height: 15pt;
  27           .break-all-words();
  28         }
  29       }
  30     }
  31   }
  32 }
  33
  34 .datatable-column-span {
  35   height: 10px;
  36 }
  37
  38 .add-btn-div {
  39   width: 45px;
  40 }
  41
  42 .datattable-input-filter{
  43   height: 23px;
  44   margin: 2px auto;
  45   border: none;
  46   border-bottom: solid 3px #009fdb;
  47   border-radius: 15px;
  48   width: 75% !important;
  49   padding: 0 15px 0 15px !important;
  50   color: #009fdb;
  51   outline: none;
  52 }
  53
  54 .datattable-input-filter::placeholder {
  55   color: #009fdb;
  56   font-style: italic;
  57 }
  58
  59 .datatable-row-group {
  60   padding-bottom: 6px;
  61   padding-top: 6px;
  62 }
  63
  64 .datatable-body-cell-label {
  65   :focus {
  66     border-color: white;
  67     -webkit-box-shadow: none;
  68     box-shadow: none;
  69   }
  70   :hover {
  71     cursor: default;
  72   }
  73 }
  74
  75 .datatable-header {
  76   span.datatable-header-cell-label {
  77     .break-all-words();
  78   }
  79 }
  80
  81 .datatable-input-filter{
  82   &[placeholder] {
  83     color: #009fdb;
  84     font-style: italic;
  85   }
  86   height: 23px;
  87   margin: 2px auto;
  88   border: none;
  89   border-bottom: solid 3px #009fdb;
  90   border-radius: 15px;
  91   color: #009fdb;
  92   outline: none;
  93 }
  94
  95 .datatable-header-cell {
  96   color: rgb(51, 51, 51);
  97   font-weight: bold;
  98   font-size: 14px;
  99   text-align: center;
 100   div {
 101     display: inline-block;
 102   }
 103 }
 104
 105 .break-all-words {
 106   word-break: break-all;
 107   white-space: normal;
 108 }