rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: sticky header behavior on iOS (#1662)

Browse Source
This commit is contained in:
Aman Harwara
2022-09-28 18:36:42 +05:30
committed by GitHub
parent 6e10911d02
commit c0af596f2d
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
packages/web/src/javascripts/Components/NoteView/NoteView.tsx
View File

@@ -13,6 +13,7 @@ import {
NoteViewController, NoteViewController,
PayloadEmitSource, PayloadEmitSource,
WebAppEvent, WebAppEvent,
Platform,
} from '@standardnotes/snjs' } from '@standardnotes/snjs'
import { debounce, isDesktopApplication, isIOS } from '@/Utils' import { debounce, isDesktopApplication, isIOS } from '@/Utils'
import { EditorEventSource } from '../../Types/EditorEventSource' import { EditorEventSource } from '../../Types/EditorEventSource'
@@ -928,7 +929,11 @@ class NoteView extends PureComponent<NoteViewProps, State> {
className={classNames( className={classNames(
'content-title-bar section-title-bar z-editor-title-bar w-full bg-default', 'content-title-bar section-title-bar z-editor-title-bar w-full bg-default',
this.state.shouldStickyHeader && 'fixed top-0', this.state.shouldStickyHeader && 'fixed top-0',
this.state.shouldStickyHeader ? (isIOS() ? 'pt-safe-top' : 'pt-4') : '', this.state.shouldStickyHeader
? isIOS() || this.application.platform === Platform.Ios
? 'pt-safe-top'
: 'pt-4'
: '',
)} )}
> >
<div className="mb-2 flex flex-wrap items-start justify-between gap-2 md:mb-0 md:flex-nowrap md:gap-0 xl:items-center"> <div className="mb-2 flex flex-wrap items-start justify-between gap-2 md:mb-0 md:flex-nowrap md:gap-0 xl:items-center">