robinwobin.dev / witchsky.app
forked from jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
fork atom

Merge pull request #1032 from bluesky-social/fix-1001-modal-scrolling

#1001 Modal content overflow

authored by

Eric Bailey and committed by
GitHub a6bb38ee 8a66af11

+8 -1
+5 -1
src/view/shell/Composer.web.tsx
··· 5 5 import {ComposerOpts} from 'state/models/ui/shell' 6 6 import {usePalette} from 'lib/hooks/usePalette' 7 7 import {isMobileWeb} from 'platform/detection' 8 + import {BOTTOM_BAR_HEIGHT} from 'view/shell/bottom-bar/BottomBarStyles' 8 9 9 10 export const Composer = observer( 10 11 ({ ··· 62 63 paddingVertical: 0, 63 64 paddingHorizontal: 2, 64 65 borderRadius: isMobileWeb ? 0 : 8, 65 - marginBottom: '10vh', 66 + marginBottom: isMobileWeb ? BOTTOM_BAR_HEIGHT : 0, 66 67 borderWidth: 1, 68 + maxHeight: isMobileWeb 69 + ? `calc(100% - ${BOTTOM_BAR_HEIGHT}px)` 70 + : 'calc(100% - (40px * 2))', 67 71 }, 68 72 })
+3
src/view/shell/bottom-bar/BottomBarStyles.tsx
··· 1 1 import {StyleSheet} from 'react-native' 2 2 import {colors} from 'lib/styles' 3 3 4 + export const BOTTOM_BAR_HEIGHT = 61 5 + 4 6 export const styles = StyleSheet.create({ 5 7 bottomBar: { 8 + height: BOTTOM_BAR_HEIGHT, 6 9 position: 'absolute', 7 10 bottom: 0, 8 11 left: 0,