replace outdated css v-deep selectors

Signed-off-by: Maksim Sukharev <[email protected]>
nextcloud · Aug 2, 2023 · f0fa0f9 · f0fa0f9
1 parent 5e04c76
commit f0fa0f9
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 18 deletions.
diff --git a/js/notifications-main.js b/js/notifications-main.js
diff --git a/js/notifications-main.js.map b/js/notifications-main.js.map
diff --git a/js/notifications-node_modules_moment_locale_sync_recursive_-src_NotificationsApp_vue.js b/js/notifications-node_modules_moment_locale_sync_recursive_-src_NotificationsApp_vue.js
diff --git a/js/notifications-node_modules_moment_locale_sync_recursive_-src_NotificationsApp_vue.js.map b/js/notifications-node_modules_moment_locale_sync_recursive_-src_NotificationsApp_vue.js.map
diff --git a/src/Components/Notification.vue b/src/Components/Notification.vue
@@ -377,17 +377,15 @@ export default {
 .notification {
 	background-color: var(--color-main-background);
 
-	&::v-deep {
-		img.notification-icon {
-			display: flex;
-			width: 32px;
-			height: 32px;
-			filter: var(--background-invert-if-dark);
-		}
-		.rich-text--wrapper {
-			white-space: pre-wrap;
-			word-break: break-word;
-		}
+	& :deep(img.notification-icon) {
+		display: flex;
+		width: 32px;
+		height: 32px;
+		filter: var(--background-invert-if-dark);
+	}
+	& :deep(.rich-text--wrapper) {
+		white-space: pre-wrap;
+		word-break: break-word;
 	}
 
 	.notification-subject {

diff --git a/src/NotificationsApp.vue b/src/NotificationsApp.vue
@@ -500,7 +500,7 @@ export default {
 	overflow: auto;
 }
 
-::v-deep .empty-content {
+:deep(.empty-content) {
 	margin: 12vh 10px;
 
 	p {