gerrit.onap Code Review - sdc.git/blob

   1 @import '../../../../../../assets/styles/variables.less';
   2
   3 .flat-children-container {
   4   .dynamic-property-row {
   5     /*create nested left border classes for up to 10 levels of nesting*/
   6     .nested-border-loop(@i) when (@i > 0) {
   7       @size: (@i - 1) *2;
   8       &.nested-level-@{i} .table-cell:first-child {
   9         border-left: ~"solid @{size}px #009fdb";
  10       }
  11       .nested-border-loop(@i - 1)
  12     }
  13     .nested-border-loop(10);
  14   }
  15
  16   .dynamic-property {
  17     &:first-child .dynamic-property-row.with-top-border {
  18       border-top: solid 1px #d2d2d2;
  19     }
  20
  21     &:not(:last-child) .dynamic-property-row {
  22       border-bottom: solid 1px #d2d2d2;
  23     }
  24   }
  25 }
  26
  27 .dynamic-property-row {
  28   display: flex;
  29   flex-direction: row;
  30   align-items: stretch;
  31
  32   &.readonly {
  33     background-color: @tlv_color_t;
  34     cursor: auto;
  35   }
  36
  37   //for the case that the parent is disabled but the child is enabled
  38   &:not(.readonly) {
  39     background-color: @main_color_p;
  40   }
  41
  42   .table-cell {
  43     flex: 1;
  44     padding: 9px;
  45     justify-content: center;
  46     overflow: hidden;
  47     text-overflow: ellipsis;
  48     white-space: nowrap;
  49
  50     &:first-child {
  51       flex: 0 0 50%;
  52       border-right: #d2d2d2 solid 1px;
  53
  54       &:only-of-type {
  55         flex: 1 1 100%;
  56         border-right: none;
  57       }
  58     }
  59
  60     &.empty {
  61       height: 40px;
  62     }
  63   }
  64
  65   .property-icon {
  66     flex: 0 0 auto;
  67     margin-right: 10px;
  68     align-self: center;
  69     cursor: pointer;
  70   }
  71
  72 }
  73
  74 .filtered {
  75   /deep/ .checkbox-label-content {
  76     background-color: yellow;
  77   }
  78 }
  79
  80 .inner-cell-div {
  81   max-width: 100%;
  82   text-overflow: ellipsis;
  83   overflow: hidden;
  84   display: inline;
  85   padding-left: 8px;
  86 }
  87
  88 .error {
  89   border: solid 1px @func_color_q;
  90   color: @func_color_q;
  91   outline: none;
  92   box-sizing: border-box;
  93 }
  94