verdnatura-chat/app/containers/MessageBox/styles.js

111 lines
2.1 KiB
JavaScript
Raw Permalink Normal View History

import { StyleSheet } from 'react-native';
2019-01-29 19:52:56 +00:00
import { isIOS } from '../../utils/deviceInfo';
2019-03-29 19:36:07 +00:00
import sharedStyles from '../../views/Styles';
const MENTION_HEIGHT = 50;
const SCROLLVIEW_MENTION_HEIGHT = 4 * MENTION_HEIGHT;
export default StyleSheet.create({
textBox: {
flex: 0,
alignItems: 'center',
2019-03-29 19:36:07 +00:00
borderTopWidth: StyleSheet.hairlineWidth,
zIndex: 2
},
composer: {
flexDirection: 'column',
2019-03-29 19:36:07 +00:00
borderTopWidth: StyleSheet.hairlineWidth
},
textArea: {
flexDirection: 'row',
alignItems: 'center',
2019-12-04 16:39:53 +00:00
flexGrow: 0
},
textBoxInput: {
2018-01-25 14:04:20 +00:00
textAlignVertical: 'center',
maxHeight: 242,
flexGrow: 1,
width: 1,
Beta (#265) * Fabric iOS * Fabric configured on iOS and Android * - react-native-fabric configured - login tracked * README updated * Run scripts from README updated * README scripts * get rooms and messages by rest * user status * more improves * more improves * send pong on timeout * fix some methods * more tests * rest messages * Room actions (#266) * Toggle notifications * Search messages * Invite users * Mute/Unmute users in room * rocket.cat messages * Room topic layout fixed * Starred messages loading onEndReached * Room actions onEndReached * Unnecessary login request * Login loading * Login services fixed * User presence layout * ïmproves on room actions view * Removed unnecessary data from SelectedUsersView * load few messages on open room, search message improve * fix loading messages forever * Removed state from search * Custom message time format * secureTextEntry layout * Reduce android app size * Roles subscription fix * Public routes navigation * fix reconnect * - New login/register, login, register * proguard * Login flux * App init/restore * Android layout fixes * Multiple meteor connection requests fixed * Nested attachments * Nested attachments * fix check status * New login layout (#269) * Public routes navigation * New login/register, login, register * Multiple meteor connection requests fixed * Nested attachments * Button component * TextInput android layout fixed * Register fixed * Thinner close modal button * Requests /me after login only one time * Static images moved * fix reconnect * fix ddp * fix custom emoji * New message layout (#273) * Grouping messages * Message layout * Users typing animation * Image attachment layout
2018-04-24 19:34:03 +00:00
// paddingVertical: 12, needs to be paddingTop/paddingBottom because of iOS/Android's TextInput differences on rendering
paddingTop: 12,
paddingBottom: 12,
paddingLeft: 0,
paddingRight: 0,
fontSize: 17,
letterSpacing: 0,
2019-03-29 19:36:07 +00:00
...sharedStyles.textRegular
},
actionButton: {
alignItems: 'center',
justifyContent: 'center',
width: 60,
height: 56
},
mentionList: {
maxHeight: MENTION_HEIGHT * 4
},
mentionItem: {
height: MENTION_HEIGHT,
2019-12-04 16:39:53 +00:00
borderTopWidth: StyleSheet.hairlineWidth,
flexDirection: 'row',
alignItems: 'center',
paddingHorizontal: 5
},
mentionItemCustomEmoji: {
margin: 8,
width: 30,
height: 30
},
mentionItemEmoji: {
width: 46,
height: 36,
2019-01-29 19:52:56 +00:00
fontSize: isIOS ? 30 : 25,
textAlign: 'center'
},
2018-01-19 12:38:14 +00:00
fixedMentionAvatar: {
textAlign: 'center',
2019-03-29 19:36:07 +00:00
width: 46,
fontSize: 14,
2019-12-04 16:39:53 +00:00
...sharedStyles.textBold
2019-03-29 19:36:07 +00:00
},
mentionText: {
fontSize: 14,
2019-12-04 16:39:53 +00:00
...sharedStyles.textRegular
},
emojiKeyboardContainer: {
flex: 1,
borderTopWidth: StyleSheet.hairlineWidth
},
slash: {
height: 30,
width: 30,
padding: 5,
paddingHorizontal: 12,
marginHorizontal: 10,
borderRadius: 2
},
commandPreviewImage: {
justifyContent: 'center',
margin: 3,
width: 120,
height: 80,
borderRadius: 4
},
commandPreview: {
height: 100,
flex: 1,
flexDirection: 'row',
alignItems: 'center'
},
avatar: {
margin: 8
},
scrollViewMention: {
maxHeight: SCROLLVIEW_MENTION_HEIGHT
},
buttonsWhitespace: {
width: 15
}
});