feat(native): Last mobile release UI fixes (#12603)

* feat(base/modal): order props alphabetically

* feat(base/ui): added ripple color for tertiary button

* feat(prejoin): removed autoFocus from input and adjusted content

* feat(conference): adjusted RaisedHandCountLabel and added extra code spaces

* feat(prejoin): fixed content to fit tablets

* feat(conference): moved header button styles to navigation styles

* feat(mobile/navigation): updated header navigation button styles

* feat(prejoin): updated elements width, removed left inset
This commit is contained in:
Calinteodor
2022-11-22 18:13:36 +02:00
committed by GitHub
parent a7c653bc30
commit 93566e313e
11 changed files with 75 additions and 65 deletions

View File

@@ -1,11 +1,11 @@
// @flow
import React from 'react';
import { Text, TouchableRipple } from 'react-native-paper';
import { Icon } from '../../../base/icons';
import type { StyleType } from '../../../base/styles';
import styles from '../../../conference/components/native/styles';
import BaseTheme from '../../../base/ui/components/BaseTheme.native';
import { navigationStyles } from './styles';
type Props = {
@@ -55,25 +55,25 @@ const HeaderNavigationButton
src ? (
<TouchableRipple
onPress = { onPress }
rippleColor = { 'transparent' }
style = { [
buttonStyle,
styles.headerNavigationButton ] } >
navigationStyles.headerNavigationButtonIcon ] } >
<Icon
color = { BaseTheme.palette.link01Active }
size = { 24 }
src = { src }
style = { styles.headerNavigationIcon } />
style = { navigationStyles.headerNavigationIcon } />
</TouchableRipple>
) : (
<TouchableRipple
disabled = { disabled }
onPress = { onPress }
rippleColor = { 'transparent' }>
style = { navigationStyles.headerNavigationButtonText } >
<Text
style = {
twoActions
? styles.headerNavigationTextBold
: styles.headerNavigationText
? navigationStyles.headerNavigationTextBold
: navigationStyles.headerNavigationText
}>
{ label }
</Text>