sergiodt
/
vn-verdnaturachat
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[FIX] Minor room header issues (#2630) 

* Add hitSlop to RoomView header

* Use 1 icon padding for threads header

Co-authored-by: Djorkaeff Alexandre <djorkaeff.unb@gmail.com>
This commit is contained in:
Diego Mello 2020-11-12 11:22:53 -03:00 committed by GitHub
parent 8cac76601f
commit 264a5890b4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/views/RoomView/Header/Header.js
View File

@ -10,6 +10,9 @@ import Icon from './Icon';
import { themes } from '../../../constants/colors'; import { themes } from '../../../constants/colors';
import Markdown from '../../../containers/markdown'; import Markdown from '../../../containers/markdown';
const HIT_SLOP = {
top: 5, right: 5, bottom: 5, left: 5
};
const TITLE_SIZE = 16; const TITLE_SIZE = 16;
const styles = StyleSheet.create({ const styles = StyleSheet.create({
container: { container: {
@ -152,6 +155,7 @@ const Header = React.memo(({
onPress={onPress} onPress={onPress}
style={styles.container} style={styles.container}
disabled={tmid} disabled={tmid}
hitSlop={HIT_SLOP}
> >
<View style={styles.titleContainer}> <View style={styles.titleContainer}>
{tmid ? null : <Icon type={prid ? 'discussion' : type} status={status} roomUserId={roomUserId} theme={theme} />} {tmid ? null : <Icon type={prid ? 'discussion' : type} status={status} roomUserId={roomUserId} theme={theme} />}

2
app/views/RoomView/index.js
View File

@ -318,7 +318,7 @@ class RoomView extends React.Component {
if (!room?.rid) { if (!room?.rid) {
return; return;
} }
const headerTitlePosition = getHeaderTitlePosition({ insets, numIconsRight: 2 }); const headerTitlePosition = getHeaderTitlePosition({ insets, numIconsRight: tmid ? 1 : 2 });
navigation.setOptions({ navigation.setOptions({
headerShown: true, headerShown: true,
headerTitleAlign: 'left', headerTitleAlign: 'left',