add fullscreen button

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

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') });

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;
 }

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">

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/",