Fix 46 CRITICAL BUGs

Change-Id: Id354491665a1d8c25a7c1f3e83fcb4d146ca2f37
Signed-off-by: Vasyl Razinkov <vasyl.razinkov@est.tech>
Issue-ID: SDC-3529

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;
 }