Feature/improve deprecated sass imports (#1581)

* Improve deprecated Sass imports

* Update changelog

CHANGELOG.md

@@ -5,6 +5,12 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## Unreleased
+
+### Changed
+
+- Improved the deprecated `~` in _Sass_ imports
+
 ## 1.225.0 - 2023-01-07
 
 ### Added

apps/client/src/app/app.component.scss

@@ -1,4 +1,4 @@
-@import '~apps/client/src/styles/ghostfolio-style';
+@import 'apps/client/src/styles/ghostfolio-style';
 
 :host {
   display: block;

apps/client/src/app/components/access-table/access-table.component.scss

@@ -1,4 +1,4 @@
-@import '~apps/client/src/styles/ghostfolio-style';
+@import 'apps/client/src/styles/ghostfolio-style';
 
 :host {
   display: block;

apps/client/src/app/components/accounts-table/accounts-table.component.scss

@@ -1,4 +1,4 @@
-@import '~apps/client/src/styles/ghostfolio-style';
+@import 'apps/client/src/styles/ghostfolio-style';
 
 :host {
   display: block;

apps/client/src/app/components/admin-jobs/admin-jobs.scss

@@ -1,4 +1,4 @@
-@import '~apps/client/src/styles/ghostfolio-style';
+@import 'apps/client/src/styles/ghostfolio-style';
 
 :host {
   display: block;

apps/client/src/app/components/admin-market-data-detail/admin-market-data-detail.component.scss

@@ -1,4 +1,4 @@
-@import '~apps/client/src/styles/ghostfolio-style';
+@import 'apps/client/src/styles/ghostfolio-style';
 
 :host {
   display: block;

apps/client/src/app/components/admin-market-data/admin-market-data.scss

@@ -1,4 +1,4 @@
-@import '~apps/client/src/styles/ghostfolio-style';
+@import 'apps/client/src/styles/ghostfolio-style';
 
 :host {
   display: block;

apps/client/src/app/components/admin-overview/admin-overview.scss

@@ -1,4 +1,4 @@
-@import '~apps/client/src/styles/ghostfolio-style';
+@import 'apps/client/src/styles/ghostfolio-style';
 
 :host {
   display: block;

apps/client/src/app/components/admin-users/admin-users.scss

@@ -1,4 +1,4 @@
-@import '~apps/client/src/styles/ghostfolio-style';
+@import 'apps/client/src/styles/ghostfolio-style';
 
 :host {
   display: block;

apps/client/src/app/components/header/header.component.scss

@@ -1,4 +1,4 @@
-@import '~apps/client/src/styles/ghostfolio-style';
+@import 'apps/client/src/styles/ghostfolio-style';
 
 :host {
   display: block;

apps/client/src/app/components/home-holdings/home-holdings.scss

@@ -1,4 +1,4 @@
-@import '~apps/client/src/styles/ghostfolio-style';
+@import 'apps/client/src/styles/ghostfolio-style';
 
 :host {
   display: block;

apps/client/src/app/components/home-market/home-market.scss

@@ -1,4 +1,4 @@
-@import '~apps/client/src/styles/ghostfolio-style';
+@import 'apps/client/src/styles/ghostfolio-style';
 
 :host {
   display: block;

apps/client/src/app/components/home-overview/home-overview.scss

@@ -1,4 +1,4 @@
-@import '~apps/client/src/styles/ghostfolio-style';
+@import 'apps/client/src/styles/ghostfolio-style';
 
 :host {
   display: block;

apps/client/src/app/components/home-summary/home-summary.scss

@@ -1,4 +1,4 @@
-@import '~apps/client/src/styles/ghostfolio-style';
+@import 'apps/client/src/styles/ghostfolio-style';
 
 :host {
   display: block;

apps/client/src/app/components/positions/positions.component.scss

@@ -1,4 +1,4 @@
-@import '~apps/client/src/styles/ghostfolio-style';
+@import 'apps/client/src/styles/ghostfolio-style';
 
 :host {
   display: block;

apps/client/src/app/pages/admin/admin-page.scss

@@ -1,4 +1,4 @@
-@import '~apps/client/src/styles/ghostfolio-style';
+@import 'apps/client/src/styles/ghostfolio-style';
 
 :host {
   color: rgb(var(--dark-primary-text));

apps/client/src/app/pages/home/home-page.scss

@@ -1,4 +1,4 @@
-@import '~apps/client/src/styles/ghostfolio-style';
+@import 'apps/client/src/styles/ghostfolio-style';
 
 :host {
   color: rgb(var(--dark-primary-text));

apps/client/src/app/pages/landing/landing-page.scss

@@ -1,4 +1,4 @@
-@import '~apps/client/src/styles/ghostfolio-style';
+@import 'apps/client/src/styles/ghostfolio-style';
 
 :host {
   display: block;

apps/client/src/app/pages/portfolio/portfolio-page.scss

@@ -1,4 +1,4 @@
-@import '~apps/client/src/styles/ghostfolio-style';
+@import 'apps/client/src/styles/ghostfolio-style';
 
 :host {
   color: rgb(var(--dark-primary-text));

apps/client/src/app/pages/zen/zen-page.scss

@@ -1,4 +1,4 @@
-@import '~apps/client/src/styles/ghostfolio-style';
+@import 'apps/client/src/styles/ghostfolio-style';
 
 :host {
   color: rgb(var(--dark-primary-text));

apps/client/src/styles.scss

@@ -3,9 +3,9 @@
 @import './styles/bootstrap';
 @import './styles/table';
 
-@import '~angular-material-css-vars/src/lib/main';
+@import 'node_modules/angular-material-css-vars/src/lib/main';
 
-@import '~svgmap/dist/svgMap';
+@import 'node_modules/svgmap/dist/svgMap';
 
 $mat-css-dark-theme-selector: '.is-dark-theme';
 $mat-css-light-theme-selector: '.is-light-theme';

apps/client/src/styles/bootstrap.scss

@@ -5,40 +5,40 @@
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
  */
 
-@import '~bootstrap/scss/functions';
+@import 'node_modules/bootstrap/scss/functions';
-@import '~bootstrap/scss/variables';
+@import 'node_modules/bootstrap/scss/variables';
-@import '~bootstrap/scss/mixins';
+@import 'node_modules/bootstrap/scss/mixins';
-@import '~bootstrap/scss/root';
+@import 'node_modules/bootstrap/scss/root';
-@import '~bootstrap/scss/reboot';
+@import 'node_modules/bootstrap/scss/reboot';
-@import '~bootstrap/scss/type';
+@import 'node_modules/bootstrap/scss/type';
-@import '~bootstrap/scss/images';
+@import 'node_modules/bootstrap/scss/images';
-// @import '~bootstrap/scss/code';
+// @import 'node_modules/bootstrap/scss/code';
-@import '~bootstrap/scss/grid';
+@import 'node_modules/bootstrap/scss/grid';
-// @import '~bootstrap/scss/tables';
+// @import 'node_modules/bootstrap/scss/tables';
-// @import '~bootstrap/scss/forms';
+// @import 'node_modules/bootstrap/scss/forms';
-// @import '~bootstrap/scss/buttons';
+// @import 'node_modules/bootstrap/scss/buttons';
-// @import '~bootstrap/scss/transitions';
+// @import 'node_modules/bootstrap/scss/transitions';
-// @import '~bootstrap/scss/dropdown';
+// @import 'node_modules/bootstrap/scss/dropdown';
-// @import '~bootstrap/scss/button-group';
+// @import 'node_modules/bootstrap/scss/button-group';
-// @import '~bootstrap/scss/input-group';
+// @import 'node_modules/bootstrap/scss/input-group';
-// @import '~bootstrap/scss/custom-forms';
+// @import 'node_modules/bootstrap/scss/custom-forms';
-// @import '~bootstrap/scss/nav';
+// @import 'node_modules/bootstrap/scss/nav';
-// @import '~bootstrap/scss/navbar';
+// @import 'node_modules/bootstrap/scss/navbar';
-// @import '~bootstrap/scss/card';
+// @import 'node_modules/bootstrap/scss/card';
-// @import '~bootstrap/scss/breadcrumb';
+// @import 'node_modules/bootstrap/scss/breadcrumb';
-// @import '~bootstrap/scss/pagination';
+// @import 'node_modules/bootstrap/scss/pagination';
-@import '~bootstrap/scss/badge';
+@import 'node_modules/bootstrap/scss/badge';
-// @import '~bootstrap/scss/jumbotron';
+// @import 'node_modules/bootstrap/scss/jumbotron';
-// @import '~bootstrap/scss/alert';
+// @import 'node_modules/bootstrap/scss/alert';
-// @import '~bootstrap/scss/progress';
+// @import 'node_modules/bootstrap/scss/progress';
-// @import '~bootstrap/scss/media';
+// @import 'node_modules/bootstrap/scss/media';
-// @import '~bootstrap/scss/list-group';
+// @import 'node_modules/bootstrap/scss/list-group';
-// @import '~bootstrap/scss/close';
+// @import 'node_modules/bootstrap/scss/close';
-// @import '~bootstrap/scss/toasts';
+// @import 'node_modules/bootstrap/scss/toasts';
-// @import '~bootstrap/scss/modal';
+// @import 'node_modules/bootstrap/scss/modal';
-// @import '~bootstrap/scss/tooltip';
+// @import 'node_modules/bootstrap/scss/tooltip';
-// @import '~bootstrap/scss/popover';
+// @import 'node_modules/bootstrap/scss/popover';
-// @import '~bootstrap/scss/carousel';
+// @import 'node_modules/bootstrap/scss/carousel';
-// @import '~bootstrap/scss/spinners';
+// @import 'node_modules/bootstrap/scss/spinners';
-@import '~bootstrap/scss/utilities';
+@import 'node_modules/bootstrap/scss/utilities';
-// @import '~bootstrap/scss/print';
+// @import 'node_modules/bootstrap/scss/print';

apps/client/src/styles/ghostfolio-style.scss

@@ -1,6 +1,6 @@
 $mat-css-dark-theme-selector: '.is-dark-theme';
 
-@import '~angular-material-css-vars/src/lib/public-util';
+@import 'node_modules/angular-material-css-vars/src/lib/public-util';
 
 $alpha-disabled-text: 0.38;
 $alpha-hover: 0.04;

libs/ui/src/lib/activities-filter/activities-filter.component.scss

@@ -1,4 +1,4 @@
-@import '~apps/client/src/styles/ghostfolio-style';
+@import 'apps/client/src/styles/ghostfolio-style';
 
 :host {
   display: block;

libs/ui/src/lib/activities-table/activities-table.component.scss

@@ -1,4 +1,4 @@
-@import '~apps/client/src/styles/ghostfolio-style';
+@import 'apps/client/src/styles/ghostfolio-style';
 
 :host {
   display: block;

libs/ui/src/lib/holdings-table/holdings-table.component.scss

@@ -1,4 +1,4 @@
-@import '~apps/client/src/styles/ghostfolio-style';
+@import 'apps/client/src/styles/ghostfolio-style';
 
 :host {
   display: block;