diff options
Diffstat (limited to 'catalog-ui/src/app/ng2/components/logic/properties-table/dynamic-property')
-rw-r--r-- | catalog-ui/src/app/ng2/components/logic/properties-table/dynamic-property/dynamic-property.component.less | 142 |
1 files changed, 66 insertions, 76 deletions
diff --git a/catalog-ui/src/app/ng2/components/logic/properties-table/dynamic-property/dynamic-property.component.less b/catalog-ui/src/app/ng2/components/logic/properties-table/dynamic-property/dynamic-property.component.less index 601aaae2f9..1007292854 100644 --- a/catalog-ui/src/app/ng2/components/logic/properties-table/dynamic-property/dynamic-property.component.less +++ b/catalog-ui/src/app/ng2/components/logic/properties-table/dynamic-property/dynamic-property.component.less @@ -1,94 +1,84 @@ @import '../../../../../../assets/styles/variables.less'; - .flat-children-container { - .dynamic-property-row { - /*create nested left border classes for up to 10 levels of nesting*/ - .nested-border-loop(@i) when (@i > 0) { - @size: (@i - 1) *2; - &.nested-level-@{i} .table-cell:first-child { - border-left: ~"solid @{size}px #009fdb"; - } - .nested-border-loop(@i - 1) + .dynamic-property-row { + /*create nested left border classes for up to 10 levels of nesting*/ + .nested-border-loop(@i) when (@i > 0) { + @size: (@i - 1) *2; + &.nested-level-@{i} .table-cell:first-child { + border-left: ~"solid @{size}px #009fdb"; + } + .nested-border-loop(@i - 1) + } + .nested-border-loop(10); } - .nested-border-loop(10); - } - - .dynamic-property { - &:first-child .dynamic-property-row.with-top-border { - border-top: solid 1px #d2d2d2; + dynamic-property { + &:first-child .dynamic-property-row.with-top-border { + border-top:solid 1px #d2d2d2; + } + &:not(:last-child) .dynamic-property-row { + border-bottom:solid 1px #d2d2d2; + } } - - &:not(:last-child) .dynamic-property-row { - border-bottom: solid 1px #d2d2d2; - } - } } - .dynamic-property-row { - display: flex; - flex-direction: row; - align-items: stretch; - - &.readonly { - background-color: @tlv_color_t; - cursor: auto; - } - - //for the case that the parent is disabled but the child is enabled - &:not(.readonly) { - background-color: @main_color_p; - } - - .table-cell { - flex: 1; - padding: 9px; - justify-content: center; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + display:flex; + flex-direction:row; + align-items: stretch; - &:first-child { - flex: 0 0 50%; - border-right: #d2d2d2 solid 1px; - - &:only-of-type { - flex: 1 1 100%; - border-right: none; - } + &.readonly{ + background-color: @tlv_color_t; + cursor: auto; } - - &.empty { - height: 40px; + //for the case that the parent is disabled but the child is enabled + &:not(.readonly){ + background-color: @main_color_p; } - } - - .property-icon { - flex: 0 0 auto; - margin-right: 10px; - align-self: center; - cursor: pointer; - } + .table-cell { + flex: 1; + padding:9px; + justify-content: center; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + + &:first-child { + flex: 0 0 50%; + border-right:#d2d2d2 solid 1px; + &:only-of-type { + flex: 1 1 100%; + border-right:none; + } + } + &.empty { + height:40px; + } + } + .property-icon { + flex: 0 0 auto; + margin-right:10px; + align-self:center; + cursor:pointer; + } + } .filtered { - /deep/ .checkbox-label-content { - background-color: yellow; - } + /deep/ .checkbox-label-content{ + background-color: yellow; + } } - -.inner-cell-div { - max-width: 100%; - text-overflow: ellipsis; - overflow: hidden; - display: inline; - padding-left: 8px; +.inner-cell-div{ + max-width: 100%; + text-overflow: ellipsis; + overflow: hidden; + display: inline; + padding-left: 8px; } - .error { - border: solid 1px @func_color_q; - color: @func_color_q; - outline: none; - box-sizing: border-box; + border: solid 1px @func_color_q; + color: @func_color_q; + outline: none; + box-sizing: border-box; } |