catalog-ui/src/app/ng2/components/properties-table/properties-value-inner-table/properties-value-inner-table.component.less

   1 table { width:100%;}
   2 tr {border-bottom: #d2d2d2 solid 1px;}
   3 tr:last-child { border-bottom:none;}
   4 td { border:none; padding:5px;}
   5 td:first-child { border-right:#d2d2d2 solid 1px;}
   6
   7 .prop-value{
   8     span {
   9         position: absolute;
  10         top: 5px;
  11         right: 2px;
  12
  13         &.delete-span {
  14             right:20px;
  15         }
  16
  17         &.datatype-text {
  18             position:static;
  19         }
  20
  21     }
  22 }
  23
  24 .add-data-row {
  25     padding:5px;
  26     text-align:right;
  27     border-bottom: #d2d2d2 solid 1px;
  28
  29     &:last-child {
  30         border-bottom:none;
  31     }
  32 }
  33 .table-inner-row {
  34     display:flex;
  35     flex-direction:row;
  36     border-bottom: #d2d2d2 solid 1px;
  37     flex: 0 0 100%;
  38     position:relative;
  39
  40     &:last-child {
  41         border-bottom:none;
  42     }
  43
  44     .table-cell {
  45         flex: 0 0 50%;
  46         padding:5px;
  47         position:relative;
  48         text-overflow: ellipsis;
  49         white-space: nowrap;
  50
  51         &:first-child {
  52             border-right:#d2d2d2 solid 1px;
  53             overflow:hidden;
  54         }
  55
  56
  57     }
  58
  59     .table-inner-container, .inner-table-container {
  60         flex: 0 0 100%;
  61     }
  62 }
  63 /deep/ map-property, /deep/ properties-value-inner-table, /deep/ list-property{
  64     width:100%;
  65 }
  66
  67 .filtered {
  68     /deep/ .checkbox-label-content{
  69         background-color: yellow;
  70     }
  71 }