From 631facc10e777334e92249badfac7bf7431ce010 Mon Sep 17 00:00:00 2001
From: Aman Harwara <amanharwara@protonmail.com>
Date: Mon, 12 May 2025 22:10:11 +0530
Subject: [PATCH] chore: only add bottom safe area padding in note view if note
 is locked

---
 .../NoteView/EditorContentWithSafeAreaPadding.tsx           | 4 +++-
 .../web/src/javascripts/Components/NoteView/NoteView.tsx    | 6 +++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/web/src/javascripts/Components/NoteView/EditorContentWithSafeAreaPadding.tsx b/packages/web/src/javascripts/Components/NoteView/EditorContentWithSafeAreaPadding.tsx
index caa6e8f5e..2f45926fc 100644
--- a/packages/web/src/javascripts/Components/NoteView/EditorContentWithSafeAreaPadding.tsx
+++ b/packages/web/src/javascripts/Components/NoteView/EditorContentWithSafeAreaPadding.tsx
@@ -6,9 +6,11 @@ import { useAvailableSafeAreaPadding } from '@/Hooks/useSafeAreaPadding'
 
 export const EditorContentWithSafeAreaPadding = forwardRef(function EditorContentWithSafeAreaPadding(
   {
+    isNoteLocked,
     editorLineWidth,
     children,
   }: {
+    isNoteLocked: boolean
     editorLineWidth: EditorLineWidth
     children: NonNullable<ReactNode>
   },
@@ -22,7 +24,7 @@ export const EditorContentWithSafeAreaPadding = forwardRef(function EditorConten
       className={classNames(
         ElementIds.EditorContent,
         'z-editor-content overflow-auto sm:[&>*]:mx-[var(--editor-margin)] sm:[&>*]:max-w-[var(--editor-max-width)]',
-        hasBottomInset && 'pb-safe-bottom',
+        hasBottomInset && isNoteLocked && 'pb-safe-bottom',
       )}
       style={
         {
diff --git a/packages/web/src/javascripts/Components/NoteView/NoteView.tsx b/packages/web/src/javascripts/Components/NoteView/NoteView.tsx
index c7c1b7009..bf3df1785 100644
--- a/packages/web/src/javascripts/Components/NoteView/NoteView.tsx
+++ b/packages/web/src/javascripts/Components/NoteView/NoteView.tsx
@@ -955,7 +955,11 @@ class NoteView extends AbstractComponent<NoteViewProps, State> {
           </div>
         )}
 
-        <EditorContentWithSafeAreaPadding editorLineWidth={this.state.editorLineWidth} ref={this.editorContentRef}>
+        <EditorContentWithSafeAreaPadding
+          isNoteLocked={this.state.noteLocked}
+          editorLineWidth={this.state.editorLineWidth}
+          ref={this.editorContentRef}
+        >
           {editorMode === 'component' && this.state.editorComponentViewer && (
             <div className="component-view relative flex-grow">
               {this.state.paneGestureEnabled && <div className="absolute left-0 top-0 h-full w-[20px] md:hidden" />}