diff --git a/app/javascript/gabsocial/components/pull_to_refresher.js b/app/javascript/gabsocial/components/pull_to_refresher.js index 31fa2167..f7d1ecf8 100644 --- a/app/javascript/gabsocial/components/pull_to_refresher.js +++ b/app/javascript/gabsocial/components/pull_to_refresher.js @@ -33,7 +33,7 @@ class PullToRefresher extends React.PureComponent { const ptr = PullToRefresh.init({ mainElement: 'body', - distMax: 110, + distMax: 130, onRefresh: this.handleOnRefresh, instructionsPullToRefresh: ReactDOMServer.renderToString( Pull to Refresh diff --git a/app/javascript/styles/global.css b/app/javascript/styles/global.css index 6605d455..12ef08bb 100644 --- a/app/javascript/styles/global.css +++ b/app/javascript/styles/global.css @@ -941,8 +941,12 @@ pre { min-height: 110px !important; } -:global(.ptr--ptr.ptr--pull.ptr--release) { +:global(.ptr--content) { padding-top: 15px !important; +} + +:global(.ptr--ptr.ptr--pull.ptr--release) { + padding-top: env(safe-area-inset-top, 0); padding-bottom: 5px !important; min-height: 110px; box-shadow: none !important;