From 9bfd9ee554fd7b591450f2853c17390a7ad467c5 Mon Sep 17 00:00:00 2001
From: Daniel Mohns <daniel.mohns@posteo.de>
Date: Fri, 15 Mar 2024 11:26:02 +0100
Subject: [PATCH] chore: Resolve some deprecation warnings

---
 Website/ui/src/assets/sass/mpm/_variables.scss       | 8 ++++----
 Website/ui/src/assets/sass/mpm/mixins/_chartist.scss | 4 ++--
 Website/ui/vue.config.js                             | 5 +++++
 3 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/Website/ui/src/assets/sass/mpm/_variables.scss b/Website/ui/src/assets/sass/mpm/_variables.scss
index b308617be..31ba20370 100644
--- a/Website/ui/src/assets/sass/mpm/_variables.scss
+++ b/Website/ui/src/assets/sass/mpm/_variables.scss
@@ -430,8 +430,8 @@ $container-lg: $container-large-desktop !default;
 $navbar-height: 50px !default;
 $navbar-margin-bottom: $line-height-computed !default;
 $navbar-border-radius: $border-radius-base !default;
-$navbar-padding-horizontal: floor(($grid-gutter-width / 2)) !default;
-$navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2) !default;
+$navbar-padding-horizontal: floor(calc($grid-gutter-width / 2)) !default;
+$navbar-padding-vertical: calc(($navbar-height - $line-height-computed) / 2) !default;
 $navbar-collapse-max-height: 340px !default;
 
 $navbar-default-color: #777 !default;
@@ -961,8 +961,8 @@ $contrast-factor: 40% !default;
 // inputs
 $mdb-input-placeholder-color: #AAAAAA !default;
 $mdb-input-underline-color: #D2D2D2 !default;
-$mdb-label-static-size-ratio: 75 / 100 !default;
-$mdb-help-block-size-ratio: 75 / 100 !default;
+$mdb-label-static-size-ratio: calc(75 / 100) !default;
+$mdb-help-block-size-ratio: calc(75 / 100) !default;
 
 $mdb-input-font-size-base: 14px !default;
 $mdb-input-font-size-large: ceil(($font-size-base * 1.25)) !default; // ~20px
diff --git a/Website/ui/src/assets/sass/mpm/mixins/_chartist.scss b/Website/ui/src/assets/sass/mpm/mixins/_chartist.scss
index 9841d4135..d7d944931 100644
--- a/Website/ui/src/assets/sass/mpm/mixins/_chartist.scss
+++ b/Website/ui/src/assets/sass/mpm/mixins/_chartist.scss
@@ -1,5 +1,5 @@
 // Scales for responsive SVG containers
-$ct-scales: ((1), (15/16), (8/9), (5/6), (4/5), (3/4), (2/3), (5/8), (1/1.618), (3/5), (9/16), (8/15), (1/2), (2/5), (3/8), (1/3), (1/4)) !default;
+$ct-scales: (calc(1), calc(15/16), calc(8/9), calc(5/6), calc(4/5), calc(3/4), calc(2/3), calc(5/8), calc(1/1.618), calc(3/5), calc(9/16), calc(8/15), calc(1/2), calc(2/5), calc(3/8), calc(1/3), calc(1/4)) !default;
 $ct-scales-names: (ct-square, ct-minor-second, ct-major-second, ct-minor-third, ct-major-third, ct-perfect-fourth, ct-perfect-fifth, ct-minor-sixth, ct-golden-section, ct-major-sixth, ct-minor-seventh, ct-major-seventh, ct-octave, ct-major-tenth, ct-major-eleventh, ct-major-twelfth, ct-double-octave) !default;
 
 // Class names to be used when generating CSS
@@ -24,7 +24,7 @@ $ct-class-start: ct-start !default;
 $ct-class-end: ct-end !default;
 
 // Container ratio
-$ct-container-ratio: (1/1.618) !default;
+$ct-container-ratio: calc(1/1.618) !default;
 
 // Text styles for labels
 $ct-text-color: rgba(0, 0, 0, 0.4) !default;
diff --git a/Website/ui/vue.config.js b/Website/ui/vue.config.js
index 35929f8f0..f4625f7bf 100644
--- a/Website/ui/vue.config.js
+++ b/Website/ui/vue.config.js
@@ -2,5 +2,10 @@ module.exports = {
     lintOnSave: false,
     devServer: {
         allowedHosts: 'all',
+    },
+    configureWebpack: {
+        performance: {
+            hints: false
+        }
     }
 }