aboutsummaryrefslogtreecommitdiffstats
path: root/catalog-ui/src/app/ng2/components/logic/properties-table/dynamic-property
diff options
context:
space:
mode:
authorvasraz <vasyl.razinkov@est.tech>2021-03-23 19:17:37 +0000
committerChristophe Closset <christophe.closset@intl.att.com>2021-03-24 07:09:23 +0000
commiteb57d1efc197968a4073b331b2dc8f40d8109847 (patch)
tree2a5fbddd3afb741bc0a9543a06110dd73a7b7d08 /catalog-ui/src/app/ng2/components/logic/properties-table/dynamic-property
parentb2c0528da052b5c73e3fc1f7f98d22578acd91f0 (diff)
Fix 46 CRITICAL BUGs
Change-Id: Id354491665a1d8c25a7c1f3e83fcb4d146ca2f37 Signed-off-by: Vasyl Razinkov <vasyl.razinkov@est.tech> Issue-ID: SDC-3529
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.less142
1 files changed, 76 insertions, 66 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 1007292854..601aaae2f9 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,84 +1,94 @@
@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)
- }
- .nested-border-loop(10);
+ .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 {
- &:first-child .dynamic-property-row.with-top-border {
- border-top:solid 1px #d2d2d2;
- }
- &:not(:last-child) .dynamic-property-row {
- border-bottom:solid 1px #d2d2d2;
- }
+ .nested-border-loop(10);
+ }
+
+ .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;
+ }
+ }
}
+
.dynamic-property-row {
- display:flex;
- flex-direction:row;
- align-items: stretch;
+ 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;
- }
+ &.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;
+
+ &:first-child {
+ flex: 0 0 50%;
+ border-right: #d2d2d2 solid 1px;
- .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;
- }
+ &:only-of-type {
+ flex: 1 1 100%;
+ border-right: none;
+ }
}
- .property-icon {
- flex: 0 0 auto;
- margin-right:10px;
- align-self:center;
- cursor:pointer;
+
+ &.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;
}