-
|
Is there any way besides I would like to stretch header and footer to the edges ("safe-area") in landscape mobile view for iPhones, but AFAIK we need to append |
Beta Was this translation helpful? Give feedback.
Replies: 2 comments 4 replies
-
|
There is another template in development, it's not configurable but we could make it configurable. https://github.com/jantimon/html-webpack-plugin/blob/main/docs/template-option.md I don't like it but currently we use 2 different templating languages for SSR and dev: eta vs ejs => we should probably only use just one before exposing this What I would also try is to create a layout wrapper with this: export default function LayoutWrapper(props: Props): JSX.Element {
return (
<>
<Head>
<meta name="viewport" content="initial-scale=1, viewport-fit=cover" />
</Head>
<Layout {...props} />
</>
);
}It doesn't replace the template meta data (so there will be twice the same meta) but hopefully the last one wins? 🤷♂️ |
Beta Was this translation helpful? Give feedback.
-
|
Thanks for the quick response. It might use the last one when duplicates, but that's probably browser-specific and something I don't want to rely on. Ideally I'd be able to override it simply by using themeConfig.metadata like other meta-tags, but it also adds it as a duplicate just like a component or plugin will. Having to maintain one or two templates in upgrades just to override a tag used for visuals/themes seems overkill. |
Beta Was this translation helpful? Give feedback.
-
technically, you can remove the duplicate one in prod by editing the ssr template, so it's only a dev issue Please double-check first if it's not even in the spec 🤷♂️ it could be
Agree on that, just trying to provide a good enough workaround. I'm not so familiar with this meta and all its possible use-cases, can you explain yours better? Preferably illustrated with screenshots to make it easy to understand? |
Beta Was this translation helpful? Give feedback.
-
|
Looks like my analysis was wrong and react-helmet/react-helmet-async (Docusaurus Moving these meta out of the template should allow you to override them more easily: #7952 |
Beta Was this translation helpful? Give feedback.
-
I appreciate it 🙂
See https://webkit.org/blog/7929/designing-websites-for-iphone-x/ . Trying to solve this specifically, but viewport can be used to limit zoom-range also. |
Beta Was this translation helpful? Give feedback.
-
|
Easy solution implemented in #7952 which was released in v2.1. See https://docusaurus.io/blog/2022/09/01/docusaurus-2.1#overriding-default-meta-tags Thanks again @slorber 👏 |
Beta Was this translation helpful? Give feedback.
Easy solution implemented in #7952 which was released in v2.1. See https://docusaurus.io/blog/2022/09/01/docusaurus-2.1#overriding-default-meta-tags
Thanks again @slorber 👏