Merge pull request #47 from nextcloud/enhancement/fullscreen/detection

Detect and switch fullscreen

package-lock.json

@@ -6624,9 +6624,9 @@
       "dev": true
     },
     "js-yaml": {
-      "version": "3.13.0",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.13.0.tgz",
-      "integrity": "sha512-pZZoSxcCYco+DIKBTimr67J6Hy+EYGZDY/HCWC+iAEA9h1ByhMXAIVUXMcMFpOCxQ/xjXmPI2MkDL5HRm5eFrQ==",
+      "version": "3.13.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.13.1.tgz",
+      "integrity": "sha512-YfbcO7jXDdyj0DGxYVSlSeQNHbD7XPWvrVWeVUujrQEoZzWJIRrCPoyk6kL6IAjAG2IolMK4T0hNUe0HOUs5Jw==",
       "dev": true,
       "requires": {
         "argparse": "^1.0.7",

src/views/Viewer.vue

@@ -33,7 +33,7 @@
 		:has-next="hasNext"
 		:title="currentFileName"
 		:enable-swipe="canSwipe"
-		:size="isMobile ? 'full' : 'large'"
+		:size="isMobile || isFullscreen ? 'full' : 'large'"
 		:style="{width: showSidebar ? `calc(100% - ${sidebarWidth}px)` : null}"
 		@close="close"
 		@previous="previous"
@@ -122,6 +122,8 @@ export default {
 		fileList: [],
 
 		isMobile: window.outerWidth < 768,
+		isFullscreen: window.innerWidth === screen.width,
+
 		showSidebar: false,
 		sidebarWidth: 0,
 
@@ -512,8 +514,10 @@ export default {
 		},
 
 		onResize(event) {
-			// Update mobile mode
+			// Update mobile & fullscreen mode
 			this.isMobile = window.outerWidth < 768
+			this.isFullscreen = window.innerWidth === screen.width
+
 			// update sidebar width
 			const sidebar = document.getElementById('app-sidebar')
 			if (sidebar) {