use interpolation in calc methods that use vars and namespaces

puzzle · Dec 16, 2024 · a22ddb8 · a22ddb8
1 parent 18d0309
commit a22ddb8
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/frontend/src/app/shared/custom/dialog-template-core/dialog-template-core.component.scss b/frontend/src/app/shared/custom/dialog-template-core/dialog-template-core.component.scss
@@ -4,10 +4,9 @@
 mat-dialog-content {
   //scrollbar-gutter: stable both-edges;
   $dialog-header-height: 48px;
-  // Intellij shows error here but it isn't an error
   $full-dialog-content-height: calc(
-    100vh - variables.$top-bar-height - $dialog-header-height - variables.$dialog-content-padding-y -
-      variables.$dialog-action-buttons-div-height
+    100vh - #{variables.$top-bar-height} - $dialog-header-height - #{variables.$dialog-content-padding-y} -
+      #{variables.$dialog-action-buttons-div-height}
   );
   @extend .d-flex;
   @extend .flex-column;

diff --git a/frontend/src/style/styles.scss b/frontend/src/style/styles.scss
@@ -412,7 +412,7 @@ table.okr-table {
 
 .okr-dialog-panel {
   margin-top: variables.$top-bar-height;
-  max-height: calc(100vh - variables.$top-bar-height); //Intellij shows an error here, but it is correct
+  max-height: calc(100vh - #{variables.$top-bar-height});
   @extend .col-12;
 }