Merge pull request #1420 from nextcloud/dependabot/npm_and_yarn/nextc…

…loud/stylelint-config-2.3.0
nextcloud · Oct 25, 2022 · 4d7fd3e · 4d7fd3e
2 parents f34a74c + d188cb7
commit 4d7fd3e
Show file tree

Hide file tree

Showing 7 changed files with 26 additions and 26 deletions.
diff --git a/js/viewer-main.js b/js/viewer-main.js
diff --git a/js/viewer-main.js.map b/js/viewer-main.js.map
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -73,7 +73,7 @@
     "@nextcloud/babel-config": "^1.0.0",
     "@nextcloud/browserslist-config": "^2.3.0",
     "@nextcloud/eslint-config": "^8.0.0",
-    "@nextcloud/stylelint-config": "^2.2.0",
+    "@nextcloud/stylelint-config": "^2.3.0",
     "@nextcloud/webpack-vue-config": "^5.3.0",
     "@types/dockerode": "^3.3.11",
     "@vue/tsconfig": "^0.1.3",

diff --git a/src/components/Audios.vue b/src/components/Audios.vue
@@ -124,7 +124,7 @@ audio {
 	justify-self: center;
 }
 
-::v-deep {
+:deep() {
 	.plyr__progress__container {
 		flex: 1 1;
 	}

diff --git a/src/components/Videos.vue b/src/components/Videos.vue
@@ -161,7 +161,7 @@ video {
 	justify-self: center;
 }
 
-::v-deep {
+:deep() {
 	.plyr:-webkit-full-screen video {
 		width: 100% !important;
 		height: 100% !important;

diff --git a/src/views/Viewer.vue b/src/views/Viewer.vue
@@ -976,13 +976,13 @@ export default {
 		transition: width ease 100ms, background-color .3s ease;
 	}
 
-	::v-deep .modal-container,
+	:deep(.modal-container),
 	&__content {
 		overflow: visible !important;
 		cursor: pointer;
 	}
 
-	::v-deep .modal-wrapper {
+	:deep(.modal-wrapper) {
 		.modal-container {
 			// Ensure some space at the bottom
 			top: var(--header-height);
@@ -1015,7 +1015,7 @@ export default {
 		}
 	}
 
-	&.theme--dark::v-deep .button-vue--vue-tertiary {
+	&.theme--dark:deep(.button-vue--vue-tertiary) {
 		&:hover {
 			background-color: rgba(255, 255, 255, .08) !important;
 		}
@@ -1034,8 +1034,8 @@ export default {
 		&.modal-mask {
 			background-color: rgba(255, 255, 255, .92) !important;
 		}
-		::v-deep .modal-title,
-		::v-deep .modal-header .icons-menu button svg {
+		:deep(.modal-title),
+		:deep(.modal-header .icons-menu button svg) {
 			color: #000 !important;
 		}
 	}
@@ -1044,8 +1044,8 @@ export default {
 		&.modal-mask {
 			background-color: var(--color-main-background) !important;
 		}
-		::v-deep .modal-title,
-		::v-deep .modal-header .icons-menu {
+		:deep(.modal-title),
+		:deep(.modal-header .icons-menu) {
 			color: var(--color-main-text) !important;
 
 			button svg, a {