feat(mobile): improve layout on iOS

This commit is contained in:
Elian Doran 2024-12-28 11:57:13 +02:00
parent 192afff139
commit ba84cd0390
No known key found for this signature in database
2 changed files with 8 additions and 1 deletions

View File

@ -27,6 +27,7 @@
html {
/* this fixes FF filter vs. position fixed bug: https://github.com/zadam/trilium/issues/233 */
height: 100%;
overscroll-behavior: none;
}
body {
@ -54,6 +55,10 @@ body.mobile.context-menu-shown * {
-webkit-user-select: none !important;
}
#root-widget {
padding-top: env(safe-area-inset-top);
}
a {
text-decoration: none;
}

View File

@ -3,7 +3,9 @@
<head>
<meta charset="utf-8">
<link rel="shortcut icon" href="favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
<meta name="theme-color" content="#fff">
<title>TriliumNext Notes</title>
<link rel="manifest" crossorigin="use-credentials" href="manifest.webmanifest">