mirror of
https://github.com/standardnotes/app.git
synced 2026-01-11 19:56:41 +00:00
fix: Fixes bottom note being hidden behind nav bar on Android (#2966)
Some checks are pending
CodeQL / Analyze (push) Waiting to run
Sync Repo / git-sync (push) Waiting to run
Publish Packages / Build & Test (push) Waiting to run
Publish Packages / Build Docker Image (push) Waiting to run
Publish Packages / E2E Base Test Suite (push) Blocked by required conditions
Publish Packages / E2E Vaults Test Suite (push) Blocked by required conditions
Publish Packages / Build and publish Docker Image for Web App (push) Blocked by required conditions
Publish Packages / Publish to NPM (push) Blocked by required conditions
Publish Packages / Publish to Docker Hub (push) Blocked by required conditions
Some checks are pending
CodeQL / Analyze (push) Waiting to run
Sync Repo / git-sync (push) Waiting to run
Publish Packages / Build & Test (push) Waiting to run
Publish Packages / Build Docker Image (push) Waiting to run
Publish Packages / E2E Base Test Suite (push) Blocked by required conditions
Publish Packages / E2E Vaults Test Suite (push) Blocked by required conditions
Publish Packages / Build and publish Docker Image for Web App (push) Blocked by required conditions
Publish Packages / Publish to NPM (push) Blocked by required conditions
Publish Packages / Publish to Docker Hub (push) Blocked by required conditions
This commit is contained in:
parent
9c737141f9
commit
895353ca7b
1 changed files with 5 additions and 1 deletions
|
|
@ -9,6 +9,7 @@ import { ElementIds } from '@/Constants/ElementIDs'
|
|||
import { classNames } from '@standardnotes/utils'
|
||||
import { SNTag } from '@standardnotes/snjs'
|
||||
import { ItemListController } from '@/Controllers/ItemList/ItemListController'
|
||||
import { useMediaQuery, MutuallyExclusiveMediaQueryBreakpoints } from '@/Hooks/useMediaQuery'
|
||||
|
||||
type Props = {
|
||||
application: WebApplication
|
||||
|
|
@ -25,6 +26,8 @@ const ContentList: FunctionComponent<Props> = ({ application, items, selectedUui
|
|||
const { sortBy } = itemListController.displayOptions
|
||||
const selectedTag = navigationController.selected
|
||||
|
||||
const isMobileScreen = useMediaQuery(MutuallyExclusiveMediaQueryBreakpoints.sm)
|
||||
|
||||
const onScroll: UIEventHandler = useCallback(
|
||||
(e) => {
|
||||
const offset = NOTES_LIST_SCROLL_THRESHOLD
|
||||
|
|
@ -83,7 +86,8 @@ const ContentList: FunctionComponent<Props> = ({ application, items, selectedUui
|
|||
className={classNames(
|
||||
'infinite-scroll overflow-y-auto overflow-x-hidden focus:shadow-none focus:outline-none',
|
||||
'md:max-h-full pointer-coarse:md:overflow-y-auto',
|
||||
'flex-grow pb-2',
|
||||
'flex-grow',
|
||||
isMobileScreen ? !itemListController.isMultipleSelectionMode && 'pb-safe-bottom' : 'pb-2',
|
||||
)}
|
||||
id={ElementIds.ContentList}
|
||||
onScroll={onScroll}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue