mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-29 13:52:10 +03:00
8062fa8994
no issue On newer iOS devices with no home button, we have this bar at the bottom of the screen instead. When installed as a PWA, the mobile nav sits under that bar. I'm unsure how much Ghost is used this way, but this is a small QOL improvement for those who do. This PR uses the native `env` CSS custom properties Safari has to add a propriety amount of `padding-bottom` to the mobile nav bar, and also the global container to prevent anything in the iframe from being hidden by the taller nav bar. If the device does not support these `env` vars, is has no adverse affect. In order for this to work, the `<meta name="viewport" />` tag needs `viewport-fit=cover` added to it. MDN docs for reference: https://developer.mozilla.org/en-US/docs/Web/CSS/env
53 lines
2.0 KiB
HTML
53 lines
2.0 KiB
HTML
<!doctype html>
|
|
<!--[if (IE 8)&!(IEMobile)]><html class="no-js lt-ie9" lang="en"><![endif]-->
|
|
<!--[if (gte IE 9)| IEMobile |!(IE)]><!--><html class="no-js" lang="en"><!--<![endif]-->
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
|
|
|
<title>Ghost Admin</title>
|
|
|
|
{{content-for "head"}}
|
|
|
|
<meta name="HandheldFriendly" content="True" />
|
|
<meta name="MobileOptimized" content="320" />
|
|
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1, minimal-ui, viewport-fit=cover" />
|
|
<meta name="pinterest" content="nopin" />
|
|
|
|
<meta http-equiv="cleartype" content="on" />
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
|
|
<meta name="apple-mobile-web-app-title" content="Ghost" />
|
|
|
|
<link rel="shortcut icon" href="assets/img/favicon.ico" />
|
|
<link rel="apple-touch-icon-precomposed" href="assets/img/touch-icon-iphone.png" />
|
|
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="assets/img/touch-icon-ipad.png" />
|
|
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="assets/img/small.png" />
|
|
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="assets/img/medium.png" />
|
|
|
|
<meta name="application-name" content="Ghost" />
|
|
<meta name="msapplication-TileColor" content="#ffffff" />
|
|
<meta name="msapplication-square70x70logo" content="assets/img/small.png" />
|
|
<meta name="msapplication-square150x150logo" content="assets/img/medium.png" />
|
|
<meta name="msapplication-square310x310logo" content="assets/img/large.png" />
|
|
|
|
{{content-for "minifiedInProductionCss"}}
|
|
|
|
{{content-for "head-footer"}}
|
|
</head>
|
|
<body>
|
|
|
|
<div class="ember-load-indicator">
|
|
<div class="gh-loading-content">
|
|
<div class="gh-loading-spinner"></div>
|
|
</div>
|
|
</div>
|
|
|
|
{{content-for "body"}}
|
|
|
|
{{content-for "body-footer"}}
|
|
|
|
{{content-for "minifiedInProductionJs"}}
|
|
</body>
|
|
</html>
|