From ab892b3f1fff9c16011563d0983b2b1b8d82fbc3 Mon Sep 17 00:00:00 2001
From: Stewart Allen <stewart.allen@gmail.com>
Date: Mon, 17 Oct 2022 22:24:19 -0400
Subject: [PATCH] add fullscreen button

---
 release.md             | 1 +
 src/kiri/init.js       | 4 ++++
 web/kiri/index.css     | 2 +-
 web/kiri/index.html    | 7 +++++--
 web/kiri/manifest.json | 2 +-
 5 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/release.md b/release.md
index 05f13472..70ac7808 100644
--- a/release.md
+++ b/release.md
@@ -5,6 +5,7 @@ Full docs @ https://docs.grid.space/projects/kiri-moto
 
 # Release 3.6
 
+* add fullscreen option. button next to user profile
 * mobile pinch zoom and layer slider usability improvements
 * update CLI to work in CAM mode and add working samples
 * improved FDM preview rendering speed and reduced memory usage
diff --git a/src/kiri/init.js b/src/kiri/init.js
index 18e8b08e..f4d62ff8 100644
--- a/src/kiri/init.js
+++ b/src/kiri/init.js
@@ -2358,6 +2358,10 @@ gapp.register("kiri.init", [], (root, exports) => {
             ui.scaleX.was = ui.scaleY.was = ui.scaleZ.was = 1;
         };
 
+        $('app-xpnd').onclick = () => {
+            DOC.body.requestFullscreen();
+        };
+
         let hpops = [];
         uc.hoverPop(ui.ltsetup, { group: hpops, target: $('set-pop') });
         uc.hoverPop(ui.ltfile,  { group: hpops, target: $('file-pop') });
diff --git a/web/kiri/index.css b/web/kiri/index.css
index 4ce61799..85073fcb 100644
--- a/web/kiri/index.css
+++ b/web/kiri/index.css
@@ -376,7 +376,7 @@ th, tr, td, label {
     background-color: rgba(0,0,0,0.2);
 }
 
-#app-acct {
+#app-acct, #app-xpnd {
     align-items: center;
     justify-content: flex-end;
 }
diff --git a/web/kiri/index.html b/web/kiri/index.html
index b4546e75..9a72e3b3 100644
--- a/web/kiri/index.html
+++ b/web/kiri/index.html
@@ -13,9 +13,9 @@
     <meta property="og:image" content="https://static.grid.space/img/logo_km_og.png">
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-capable" content="yes">
-    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+    <meta name="apple-mobile-web-app-status-bar-style" content="default">
     <meta http-equiv="origin-trial" content="AhKwa7D89KrdZmlwXxZAHsVTBkm6+44cKZH6X9d37NhZ4UbkDllzmctGSMTSS+Xx51MPFoRf4maqlXXDqefcCg8AAAB0eyJvcmlnaW4iOiJodHRwczovL2dyaWQuc3BhY2U6NDQzIiwiZmVhdHVyZSI6IlVucmVzdHJpY3RlZFNoYXJlZEFycmF5QnVmZmVyIiwiZXhwaXJ5IjoxNjc1Mjk1OTk5LCJpc1N1YmRvbWFpbiI6dHJ1ZX0=">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
     <title>Kiri:Moto</title>
     <link rel="icon" href="/kiri/favicon.ico">
     <link rel="apple-touch-icon" href="/kiri/favicon-mobile.png">
@@ -50,6 +50,9 @@
             <button id="redo"><i class="fas fa-redo-alt"></i></button>
         </div>
         <div class="grow"></div>
+        <div id="app-xpnd">
+            <i class="fa-solid fa-maximize"></i>
+        </div>
         <div id="app-acct">
             <i class="fas fa-user-cog"></i>
             <div id="acct-pop" class="f-col">
diff --git a/web/kiri/manifest.json b/web/kiri/manifest.json
index 9f328e50..35d1a48b 100644
--- a/web/kiri/manifest.json
+++ b/web/kiri/manifest.json
@@ -1,5 +1,5 @@
 {
-    "name": "Kiri:Moto 3.5",
+    "name": "Kiri:Moto 3.6",
     "short_name": "Kiri:Moto",
     "description": "Slicer for 3D printers, CNC mills, laser cutters and more",
     "start_url": "/kiri/",