Merge pull request #1032 from bluesky-social/fix-1001-modal-scrolling
#1001 Modal content overflowzio/stable
commit
a6bb38ee51
|
@ -5,6 +5,7 @@ import {ComposePost} from '../com/composer/Composer'
|
||||||
import {ComposerOpts} from 'state/models/ui/shell'
|
import {ComposerOpts} from 'state/models/ui/shell'
|
||||||
import {usePalette} from 'lib/hooks/usePalette'
|
import {usePalette} from 'lib/hooks/usePalette'
|
||||||
import {isMobileWeb} from 'platform/detection'
|
import {isMobileWeb} from 'platform/detection'
|
||||||
|
import {BOTTOM_BAR_HEIGHT} from 'view/shell/bottom-bar/BottomBarStyles'
|
||||||
|
|
||||||
export const Composer = observer(
|
export const Composer = observer(
|
||||||
({
|
({
|
||||||
|
@ -62,7 +63,10 @@ const styles = StyleSheet.create({
|
||||||
paddingVertical: 0,
|
paddingVertical: 0,
|
||||||
paddingHorizontal: 2,
|
paddingHorizontal: 2,
|
||||||
borderRadius: isMobileWeb ? 0 : 8,
|
borderRadius: isMobileWeb ? 0 : 8,
|
||||||
marginBottom: '10vh',
|
marginBottom: isMobileWeb ? BOTTOM_BAR_HEIGHT : 0,
|
||||||
borderWidth: 1,
|
borderWidth: 1,
|
||||||
|
maxHeight: isMobileWeb
|
||||||
|
? `calc(100% - ${BOTTOM_BAR_HEIGHT}px)`
|
||||||
|
: 'calc(100% - (40px * 2))',
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
|
|
|
@ -1,8 +1,11 @@
|
||||||
import {StyleSheet} from 'react-native'
|
import {StyleSheet} from 'react-native'
|
||||||
import {colors} from 'lib/styles'
|
import {colors} from 'lib/styles'
|
||||||
|
|
||||||
|
export const BOTTOM_BAR_HEIGHT = 61
|
||||||
|
|
||||||
export const styles = StyleSheet.create({
|
export const styles = StyleSheet.create({
|
||||||
bottomBar: {
|
bottomBar: {
|
||||||
|
height: BOTTOM_BAR_HEIGHT,
|
||||||
position: 'absolute',
|
position: 'absolute',
|
||||||
bottom: 0,
|
bottom: 0,
|
||||||
left: 0,
|
left: 0,
|
||||||
|
|
Loading…
Reference in New Issue