fix issue with calc in less

Ticket: ENT-9757 Changelog: None Signed-off-by: Mikita Pilinka <[email protected]>
cfengine · Nov 28, 2023 · 493142f · 493142f
1 parent b7e261e
commit 493142f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/generator/_assets/styles/less/header.less b/generator/_assets/styles/less/header.less
@@ -41,7 +41,8 @@
       flex-direction: column;
       background: #FFFFFF;
       z-index: 10;
-      width: ~"calc(433px + (243 - 433) / (320 - 1023) * (100vw - 1023px))";
+      // (243 - 433) / (320 - 1023) = 0.27
+      width: ~"calc(433px @{space} + @{space} (0.27 @{space} * @{space} (100vw @{space} - @{space} 1023px)))";
       min-width: 24.3rem;
       order: 10;
       right: 0;

diff --git a/generator/_assets/styles/less/variables.less b/generator/_assets/styles/less/variables.less
@@ -33,3 +33,5 @@
 @desktop-down: ~'(max-width: 1279px)';
 @tablet-down: ~'(max-width: 1023px)';
 @phone-down: ~'(max-width: 589px)';
+
+@space: ' ';