catalog-ui/src/app/ng2/components/properties-table/dynamic-property/dynamic-property.component.less

   1 .flat-children-container {
   2     dynamic-property:first-child .dynamic-property-row:not(.with-top-border) {
   3         border-top:none;
   4     }
   5     .dynamic-property-row {
   6         border-top: solid 1px #CCC;
   7     }
   8 }
   9 .dynamic-property-row {
  10     display:flex;
  11     flex-direction:row;
  12     align-items: center;
  13
  14     .table-cell {
  15         flex: 1;
  16         padding:5px;
  17         text-overflow: ellipsis;
  18         white-space: nowrap;
  19         overflow:hidden;
  20         min-height:32px;
  21
  22         &:first-child {
  23             flex: 0 0 50%;
  24             border-right:#d2d2d2 solid 1px;
  25
  26
  27             &:only-of-type {
  28                 flex: 1 1 100%;
  29                 border-right:none;
  30             }
  31         }
  32
  33     }
  34     .property-icon {
  35         flex: 0 0 auto;
  36     }
  37     span.expand-icon {
  38         transition: 200ms transform ease-in-out;
  39     }
  40     span.expand-icon.expanded {
  41         transform: rotate(-180deg);
  42     }
  43 }
  44 .filtered {
  45     /deep/ .checkbox-label-content{
  46         background-color: yellow;
  47     }
  48 }