Fix Critical bug reported by Sonar

Fixes malformed 'calc' expressions reported as critical bug by Sonar Cloud

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

diff --git a/catalog-ui/src/app/ng2/components/ui/multi-steps-wizard/multi-steps-wizard.component.less b/catalog-ui/src/app/ng2/components/ui/multi-steps-wizard/multi-steps-wizard.component.less
index 3a2168a..05165f7 100644 (file)
--- a/catalog-ui/src/app/ng2/components/ui/multi-steps-wizard/multi-steps-wizard.component.less
+++ b/catalog-ui/src/app/ng2/components/ui/multi-steps-wizard/multi-steps-wizard.component.less
@@ -36,9 +36,9 @@ header{
         font-size: 13px;
       }
       .line{
-        width: calc(~'100% - @{circle_size}');
+        width: ~"calc(100% - @{circle_size})";
         position: relative;
-        left: calc(~'(100% - @{circle_size})/2 * (-1)');
+        left: ~"calc((100% - @{circle_size})/2 * (-1))";
         float: left;
         height: 2px;
         .inner-line{

diff --git a/catalog-ui/src/app/ng2/pages/composition/graph/composition-graph.component.less b/catalog-ui/src/app/ng2/pages/composition/graph/composition-graph.component.less
index b3e5ef3..8451ae4 100644 (file)
--- a/catalog-ui/src/app/ng2/pages/composition/graph/composition-graph.component.less
+++ b/catalog-ui/src/app/ng2/pages/composition/graph/composition-graph.component.less
@@ -15,7 +15,7 @@
   width: 100%;
 
   &.with-sidebar {
-    width: calc(~'100% - 300px');
+    width: ~"calc(100% - 300px)";
   }
 }
 

diff --git a/catalog-ui/src/app/ng2/pages/type-workspace/type-workspace.component.less b/catalog-ui/src/app/ng2/pages/type-workspace/type-workspace.component.less
index 4839b24..a12642d 100644 (file)
--- a/catalog-ui/src/app/ng2/pages/type-workspace/type-workspace.component.less
+++ b/catalog-ui/src/app/ng2/pages/type-workspace/type-workspace.component.less
@@ -117,7 +117,7 @@
 
         .w-sdc-main-container-body-content-wrapper {
             overflow: auto;
-            height: calc(~'100% - @{action_nav_height}');
+            height: ~"calc(100% - @{action_nav_height})";
 
             .w-sdc-main-container-body-content-header {
                 display: flex;

diff --git a/catalog-ui/src/app/view-models/workspace/workspace.less b/catalog-ui/src/app/view-models/workspace/workspace.less
index 5c479c7..aace132 100644 (file)
--- a/catalog-ui/src/app/view-models/workspace/workspace.less
+++ b/catalog-ui/src/app/view-models/workspace/workspace.less
@@ -206,7 +206,6 @@
             }
         }
         .w-sdc-main-container-body-content {
-            // height:calc(~'100% - @{action_nav_height} - @{tab_title}');
             align-items: center;
             padding: 0 100px 20px 100px;
             &.third-party {
@@ -221,7 +220,7 @@
         }
         .w-sdc-main-container-body-content-wrapper {
             overflow: auto;
-            height: calc(~'100% - @{action_nav_height}');
+            height: ~"calc(100% - @{action_nav_height})";
             .w-sdc-main-container-body-content-header {
                 display: flex;
                 .workspace-tab-title {