fix: editor content being hidden under keyboard on mobile (#1410)

2022-08-25 15:01:44 +05:30
parent c336f9de18
commit 520b3add0f
18 changed files with 124 additions and 72 deletions
--- a/packages/web/src/javascripts/Components/Navigation/Navigation.tsx
+++ b/packages/web/src/javascripts/Components/Navigation/Navigation.tsx
@@ -51,7 +51,11 @@ const Navigation: FunctionComponent<Props> = ({ application }) => {
      className={'sn-component section app-column w-[220px] xsm-only:!w-full sm-only:!w-full'}
      ref={ref}
    >
-      <ResponsivePaneContent paneId={AppPaneId.Navigation} contentElementId="navigation-content">
+      <ResponsivePaneContent
+        paneId={AppPaneId.Navigation}
+        contentElementId="navigation-content"
+        contentClassName="min-h-[85vh]"
+      >
        <div className={'section-title-bar'}>
          <div className="section-title-bar-header">
            <div className="title text-sm">