fix: Do not mess with all NcModal styles - scope styles to wizard

Signed-off-by: Ferdinand Thiessen <[email protected]>
nextcloud · Apr 13, 2024 · 8d85ddb · 8d85ddb
1 parent 4bbce26
commit 8d85ddb
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/src/views/App.vue b/src/views/App.vue
@@ -108,7 +108,7 @@ watchEffect(() => {
  * Global styles to override vue component styles of the modal
  */
 
-.modal-wrapper {
+.first-run-wizard .modal-wrapper {
 	.modal-container {
 		overflow: hidden;
 
@@ -126,13 +126,15 @@ watchEffect(() => {
 }
 
 @media only screen and (max-width: 512px) {
-	.modal-wrapper .modal-container {
-		height: 100dvh;
-		top: 0;
-	}
+	.first-run-wizard {
+		.modal-wrapper .modal-container {
+			height: 100dvh;
+			top: 0;
+		}
 
-	.modal-header {
-		pointer-events: none;
+		.modal-header {
+			pointer-events: none;
+		}
 	}
 }
 </style>