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:
13507
package-lock.json
generated
13507
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
65
package.json
65
package.json
@@ -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",
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user