Update dependencies

- Bump dependencies to latest.
- Remove unused inversify dependency.
- Lock sass-loader to a version that's compatible to 10. Because later
  versions (>=11) require Webpack v5 while Vue CLI v4 uses Webpack v4.
- Changes slashes as division to `math.div` as it's depreciated by SASS
  https://sass-lang.com/documentation/breaking-changes/slash
This commit is contained in:
undergroundwires
2021-10-23 20:25:03 +01:00
parent f47cb04860
commit 64631a4552
3 changed files with 10824 additions and 2757 deletions

13507
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@@ -22,52 +22,53 @@
}, },
"main": "background.js", "main": "background.js",
"dependencies": { "dependencies": {
"@fortawesome/fontawesome-svg-core": "^1.2.35", "@fortawesome/fontawesome-svg-core": "^1.2.36",
"@fortawesome/free-brands-svg-icons": "^5.15.3", "@fortawesome/free-brands-svg-icons": "^5.15.4",
"@fortawesome/free-regular-svg-icons": "^5.15.3", "@fortawesome/free-regular-svg-icons": "^5.15.4",
"@fortawesome/free-solid-svg-icons": "^5.15.3", "@fortawesome/free-solid-svg-icons": "^5.15.4",
"@fortawesome/vue-fontawesome": "^2.0.2", "@fortawesome/vue-fontawesome": "^2.0.6",
"@juggle/resize-observer": "^3.3.1", "@juggle/resize-observer": "^3.3.1",
"ace-builds": "^1.4.12", "ace-builds": "^1.4.13",
"core-js": "^3.12.1", "core-js": "^3.18.3",
"cross-fetch": "^3.1.4", "cross-fetch": "^3.1.4",
"electron-progressbar": "^2.0.1", "electron-progressbar": "^2.0.1",
"file-saver": "^2.0.5", "file-saver": "^2.0.5",
"inversify": "^5.1.1", "install": "^0.13.0",
"liquor-tree": "^0.2.70", "liquor-tree": "^0.2.70",
"npm": "^8.1.1",
"v-tooltip": "2.1.3", "v-tooltip": "2.1.3",
"vue": "^2.6.12", "vue": "^2.6.14",
"vue-class-component": "^7.2.6", "vue-class-component": "^7.2.6",
"vue-js-modal": "^2.0.0-rc.6", "vue-js-modal": "^2.0.1",
"vue-property-decorator": "^9.1.2" "vue-property-decorator": "^9.1.2"
}, },
"devDependencies": { "devDependencies": {
"@types/ace": "0.0.45", "@types/ace": "0.0.47",
"@types/chai": "^4.2.18", "@types/chai": "^4.2.22",
"@types/file-saver": "^2.0.2", "@types/file-saver": "^2.0.3",
"@types/mocha": "^8.2.2", "@types/mocha": "^9.0.0",
"@vue/cli-plugin-babel": "^4.5.13", "@vue/cli-plugin-babel": "^4.5.14",
"@vue/cli-plugin-typescript": "^4.5.13", "@vue/cli-plugin-typescript": "^4.5.14",
"@vue/cli-plugin-unit-mocha": "^4.5.13", "@vue/cli-plugin-unit-mocha": "^4.5.14",
"@vue/cli-service": "^4.5.13", "@vue/cli-service": "^4.5.14",
"@vue/test-utils": "1.2.0", "@vue/test-utils": "1.2.2",
"chai": "^4.3.4", "chai": "^4.3.4",
"electron": "^12.0.7", "electron": "^15.3.0",
"electron-devtools-installer": "^3.2.0", "electron-devtools-installer": "^3.2.0",
"electron-log": "^4.3.5", "electron-log": "^4.4.1",
"electron-updater": "^4.3.8", "electron-updater": "^4.3.9",
"js-yaml-loader": "^1.2.2", "js-yaml-loader": "^1.2.2",
"markdownlint-cli": "^0.27.1", "markdownlint-cli": "^0.29.0",
"remark-cli": "^9.0.0", "remark-cli": "^10.0.0",
"remark-lint-no-dead-urls": "^1.1.0", "remark-lint-no-dead-urls": "^1.1.0",
"remark-preset-lint-consistent": "^4.0.0", "remark-preset-lint-consistent": "^5.1.0",
"remark-validate-links": "^10.0.4", "remark-validate-links": "^11.0.1",
"sass": "^1.32.12", "sass": "^1.43.3",
"sass-loader": "^10.0.1", "sass-loader": "10.2.0",
"tslib": "^2.2.0", "tslib": "^2.3.1",
"typescript": "^4.2.4", "typescript": "^4.4.4",
"vue-cli-plugin-electron-builder": "^2.0.0-rc.6", "vue-cli-plugin-electron-builder": "^2.1.1",
"vue-template-compiler": "^2.6.12", "vue-template-compiler": "^2.6.14",
"yaml-lint": "^1.2.4" "yaml-lint": "^1.2.4"
}, },
"homepage": "https://privacy.sexy", "homepage": "https://privacy.sexy",

View File

@@ -51,6 +51,7 @@ export default class RevertToggle extends StatefulVue {
<style scoped lang="scss"> <style scoped lang="scss">
@use 'sass:math';
@import "@/presentation/styles/colors.scss"; @import "@/presentation/styles/colors.scss";
$color-unchecked-bullet : $color-primary-darker; $color-unchecked-bullet : $color-primary-darker;
@@ -73,7 +74,7 @@ $size-height : 30px;
-webkit-border-radius: $size-height; -webkit-border-radius: $size-height;
border-radius: $size-height; border-radius: $size-height;
line-height: $size-height; line-height: $size-height;
font-size: $size-height / 2; font-size: math.div($size-height, 2);
display: inline-block; display: inline-block;
input.input-checkbox { input.input-checkbox {
@@ -122,7 +123,7 @@ $size-height : 30px;
background-color: $color-checked-bg; background-color: $color-checked-bg;
} }
+ .checkbox-animate:before { + .checkbox-animate:before {
left: ($size-width - $size-width/3.5); left: ($size-width - math.div($size-width, 3.5));
background-color: $color-checked-bullet; background-color: $color-checked-bullet;
} }
+ .checkbox-animate .checkbox-off { + .checkbox-animate .checkbox-off {
@@ -143,7 +144,7 @@ $size-height : 30px;
} }
.checkbox-off { .checkbox-off {
margin-left: $size-width / 3; margin-left: math.div($size-width, 3);
opacity: 1; opacity: 1;
color: $color-unchecked-text; color: $color-unchecked-text;
} }
@@ -151,7 +152,7 @@ $size-height : 30px;
.checkbox-on { .checkbox-on {
display: none; display: none;
float: right; float: right;
margin-right: $size-width / 3; margin-right: math.div($size-width, 3);
opacity: 0; opacity: 0;
color: $color-checked-text; color: $color-checked-text;
} }