From c34fdb2dd496bf2542f6eb505553c4c955879422 Mon Sep 17 00:00:00 2001
From: mgabdev <>
Date: Thu, 5 Nov 2020 11:36:07 -0600
Subject: [PATCH] Updated PullToRefresher/ptr styles, padding
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

• Updated:
- PullToRefresher/ptr styles, padding
---
 app/javascript/gabsocial/components/pull_to_refresher.js | 2 +-
 app/javascript/styles/global.css                         | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

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(
         <Text {...textProps}>Pull to Refresh</Text>
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;