diff --git a/app/components/Header.js b/app/components/Header.js index 9a0e6790..57fb7c30 100644 --- a/app/components/Header.js +++ b/app/components/Header.js @@ -94,6 +94,11 @@ const Title = styled(Flex)` ${breakpoint("tablet")` flex-grow: 1; `}; + + @media (display-mode: standalone) { + overflow: hidden; + flex-grow: 0 !important; + } `; const Actions = styled(Flex)` diff --git a/shared/styles/globals.js b/shared/styles/globals.js index b8a27f32..4ccccda4 100644 --- a/shared/styles/globals.js +++ b/shared/styles/globals.js @@ -31,7 +31,7 @@ export default createGlobalStyle` font-size: 16px; line-height: 1.5; color: ${(props) => props.theme.text}; - + overscroll-behavior-y: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; diff --git a/webpack.config.js b/webpack.config.js index 7fcbf065..e29237c0 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -66,7 +66,8 @@ module.exports = { short_name: "Outline", background_color: "#fff", theme_color: "#fff", - start_url: process.env.URL, + start_url: "/", + publicPath: "/static/", display: "standalone", icons: [ {