Merge pull request #1164 from nextcloud/fix/dont-mess-with-global-styles

fix: Do not mess with all NcModal styles - scope styles to wizard
nextcloud · Apr 13, 2024 · 4fc9c28 · 4fc9c28
2 parents fe8118f + c119a18
commit 4fc9c28
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 9 deletions.
diff --git a/css/firstrunwizard-main.css b/css/firstrunwizard-main.css
diff --git a/js/main-rS92LHob.mjs.map b/js/main-rS92LHob.mjs.map
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>