Merge pull request #3537 from nextcloud/fix/3534/guest-content-unscoped-content

Scope global #content styles via extra class

Author: szaimen

src/components/NcGuestContent/NcGuestContent.vue

@@ -23,7 +23,10 @@
 <docs>
 ### General description
 
-This components provides a wrapper around a guest page content.
+This components provides a wrapper around guest page content.
+It should be used as the main wrapper for public pages, similar to `NcContent`.
+
+It can't be used multiple times on the same page.
 
 ### Usage
 
@@ -49,6 +52,12 @@ This components provides a wrapper around a guest page content.
  */
 export default {
 	name: 'NcGuestContent',
+	mounted() {
+		document.getElementById('content').classList.add('nc-guest-content')
+	},
+	destroyed() {
+		document.getElementById('content').classList.remove('nc-guest-content')
+	},
 }
 </script>
 
@@ -66,7 +75,7 @@ export default {
 </style>
 
 <style lang="scss">
-#content {
+#content.nc-guest-content {
 	// Enable scrolling
 	overflow: auto;