toki/mattermost-mobile
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Fix long name playbooks channel header (#9051)

Browse source 
* Fix long name playbooks channel header

* Address nitpick

* Fix unintended android change
This commit is contained in:
Daniel Espino García 2025-08-12 14:18:05 +02:00 committed by GitHub
parent f5ded51b02
commit d653d55cbc
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
app/components/navigation_header/header.tsx
View file

@ -73,10 +73,8 @@ const getStyleSheet = makeStyleSheetFromTheme((theme: Theme) => ({
justifyContent: 'center',
flex: 3,
height: '100%',
paddingHorizontal: 8,
...Platform.select({
ios: {
paddingHorizontal: 60,
flex: undefined,
width: '100%',
position: 'absolute',
@ -177,9 +175,15 @@ const Header = ({
const containerStyle = useMemo(() => (
[styles.container, containerAnimatedStyle]), [styles, containerAnimatedStyle]);
const additionalTitleStyle = useMemo(() => ({
marginLeft: Platform.select({android: showBackButton && !leftComponent ? 20 : 0}),
}), [leftComponent, showBackButton]);
const additionalTitleStyle = useMemo(() => {
return {
marginLeft: Platform.select({android: showBackButton && !leftComponent ? 20 : 0}),
paddingHorizontal: Platform.select({
ios: rightButtons?.length === 2 ? 90 : 60,
android: 8,
}),
};
}, [leftComponent, showBackButton, rightButtons]);
return (
<Animated.View style={containerStyle}>