style: rollback deep style

Signed-off-by: Luka Trovic <luka@nextcloud.com>

cypress/support/commands.js

@@ -364,11 +364,6 @@ Cypress.Commands.add('showHiddenFiles', () => {
 	cy.get('.modal-container__close').click()
 })
 
-Cypress.on(
-	'uncaught:exception',
-	err => !err.message.includes('ResizeObserver loop limit exceeded'),
-)
-
 Cypress.Commands.add('createDescription', () => {
 	const url = '**/remote.php/dav/files/**'
 	cy.intercept({ method: 'PUT', url })
@@ -381,3 +376,8 @@ Cypress.Commands.add('createDescription', () => {
 	})
 	cy.wait('@addDescription')
 })
+
+Cypress.on(
+	'uncaught:exception',
+	err => !err.message.includes('ResizeObserver loop limit exceeded'),
+)

src/views/RichWorkspace.vue

@@ -219,42 +219,42 @@ export default {
 		color: var(--color-text-maxcontrast);
 	}
 
-	#rich-workspace:deep(div[contenteditable=false]) {
+	#rich-workspace div[contenteditable=false] {
 		width: 100%;
 		padding: 0px;
 		background-color: var(--color-main-background);
 		opacity: 1;
 		border: none;
 	}
 
-	#rich-workspace:deep(.text-editor) {
+	#rich-workspace .text-editor {
 		height: 100%;
 		position: unset !important;
 		top: auto !important;
 	}
 
-	#rich-workspace:deep(.text-editor__wrapper) {
+	#rich-workspace .text-editor__wrapper {
 		position: unset !important;
 		overflow: visible;
 	}
 
-	#rich-workspace:deep(.text-editor__main) {
+	#rich-workspace .text-editor__main {
 		overflow: visible !important;
 	}
 
-	#rich-workspace:deep(.content-wrapper) {
+	#rich-workspace .content-wrapper {
 		overflow: scroll !important;
 		max-height: calc(40vh - 50px);
 		padding-left: 10px;
 		padding-bottom: 10px;
 	}
 
-	#rich-workspace:deep(.text-editor__wrapper .ProseMirror) {
+	#rich-workspace .text-editor__wrapper .ProseMirror {
 		padding: 0px;
 		margin: 0;
 	}
 
-	#rich-workspace:deep(.editor__content) {
+	#rich-workspace .editor__content {
 		margin: 0;
 	}