Skip to content

Commit dc0125e

Browse files
captkernelclaude
andcommitted
feat(ios): full-screen app sheets with iOS chrome over existing content
Zoom open/close, nav bar with Back, cross-app links, narrow-width fits mirroring the #mobile rules; OS switch hidden while an app is open. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
1 parent a214f6f commit dc0125e

1 file changed

Lines changed: 11 additions & 2 deletions

File tree

index.html

Lines changed: 11 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -520,6 +520,15 @@
520520
body.ios .ios-scroll .conn-app .row,body.ios .w-conn .row{border-radius:14px;background:#1c1c1e;margin-bottom:8px;border:.5px solid rgba(255,255,255,.06);}
521521
body.ios .ios-scroll .k-boot{display:none;} /* drop the Linux dmesg boot lines, like macOS does */
522522
body.ios .ios-scroll input{font-size:16px;} /* prevent iOS zoom-on-focus */
523+
/* narrow-width content fits (mirrors the #mobile rules) */
524+
body.ios #empty{display:block!important;position:fixed;inset:0;z-index:0;cursor:default;pointer-events:none;}
525+
body.ios .ios-scroll .work-feat,body.ios .ios-scroll .work-wip{grid-template-columns:1fr;}
526+
body.ios .ios-scroll .det-grid,body.ios .ios-scroll .ag-grid{grid-template-columns:1fr;}
527+
body.ios .ios-scroll .fhead,body.ios .ios-scroll .frow{grid-template-columns:22px 1fr 58px;}
528+
body.ios .ios-scroll .ty,body.ios .ios-scroll .src{display:none;}
529+
body.ios .ios-scroll .k-row{flex-wrap:wrap;} body.ios .ios-scroll .k-row .ti{flex:1 1 100%;}
530+
body.ios .ios-scroll{scrollbar-width:none;} body.ios .ios-scroll::-webkit-scrollbar{display:none;}
531+
body.ios.sheet-open .osswitch{display:none;} /* the switch belongs to the springboard, not inside apps */
523532
/* terminal app */
524533
#ios .ios-sheet.app-term .ios-scroll{display:flex;flex-direction:column;padding:12px 14px calc(env(safe-area-inset-bottom,0px) + 14px);
525534
font-family:ui-monospace,'SF Mono',Menlo,monospace;font-size:13px;background:#0b0d0c;}
@@ -1539,10 +1548,10 @@
15391548
sheet.querySelector('.nav-back').addEventListener('click',iosClose);
15401549
_iosSheets[key]=sheet;
15411550
}
1542-
requestAnimationFrame(function(){Object.keys(_iosSheets).forEach(function(k){_iosSheets[k].classList.toggle('open',k===key);});});
1551+
requestAnimationFrame(function(){Object.keys(_iosSheets).forEach(function(k){_iosSheets[k].classList.toggle('open',k===key);});document.body.classList.add('sheet-open');});
15431552
if(key==='term'){var inp=sheet.querySelector('.terminline input');if(inp)setTimeout(function(){inp.focus();},280);}
15441553
}
1545-
function iosClose(){Object.keys(_iosSheets).forEach(function(k){_iosSheets[k].classList.remove('open');});}
1554+
function iosClose(){Object.keys(_iosSheets).forEach(function(k){_iosSheets[k].classList.remove('open');});document.body.classList.remove('sheet-open');}
15461555
function initIOS(){
15471556
var host=document.getElementById('ios');if(!host)return;
15481557
host.innerHTML=

0 commit comments

Comments
 (0)