Browse Source

Revert "google play accessibility issues - modal buttons size"

This reverts commit cf1d2dd5af.
master
GabrielTrettel 3 years ago
parent
commit
25aed9b8ab
  1. 2
      src/app/components/Button.js
  2. 35
      src/app/components/ConfirmationModal.js
  3. 7
      src/app/components/LoadingMarkersModal.js
  4. 3
      src/app/screens/LoginScreen.js

2
src/app/components/Button.js

@ -23,7 +23,7 @@ const styles = StyleSheet.create({
justifyContent: "center", justifyContent: "center",
alignItems: "center", alignItems: "center",
width: "100%", width: "100%",
height: 48,
height: 42,
marginVertical: 10, marginVertical: 10,
}, },
text: { text: {

35
src/app/components/ConfirmationModal.js

@ -4,33 +4,18 @@ import colors from "../config/colors";
import { dimensions } from "../config/dimensions"; import { dimensions } from "../config/dimensions";
import { Ionicons } from "@expo/vector-icons"; import { Ionicons } from "@expo/vector-icons";
function Btn({ label, onPress, bgColor, txtColor, style = {} }) {
function Btn({ label, onPress, bgColor, txtColor, style={} }) {
return ( return (
<TouchableOpacity style={{ marginTop: 15 }} onPress={onPress}>
<TouchableOpacity style={{marginTop: 15}} onPress={onPress}>
<View <View
style={[
style,
{
paddingHorizontal: 40,
paddingVertical: 7,
backgroundColor: bgColor,
borderRadius: 6,
height: 48,
flexDirection: "row",
},
]}
style={[style, {
paddingHorizontal: 40,
paddingVertical: 7,
backgroundColor: bgColor,
borderRadius: 6,
}]}
> >
<Text
style={{
color: txtColor,
fontWeight: "bold",
textTransform: "uppercase",
textAlignVertical: "center",
alignSelf: "center",
}}
>
{label}
</Text>
<Text style={{ color: txtColor, fontWeight: "bold", textTransform: "uppercase" }}>{label}</Text>
</View> </View>
</TouchableOpacity> </TouchableOpacity>
); );
@ -88,7 +73,7 @@ export default function ConfirmationModal({
> >
{onDecline && declineLabel && ( {onDecline && declineLabel && (
<Btn <Btn
style={{ marginRight: 16 }}
style={{marginRight: 16}}
label={declineLabel} label={declineLabel}
onPress={onDecline} onPress={onDecline}
bgColor={colors.secondary} bgColor={colors.secondary}

7
src/app/components/LoadingMarkersModal.js

@ -22,19 +22,14 @@ export default function LoadingMarkersModal({ show }) {
style={{ style={{
justifyContent: "flex-start", justifyContent: "flex-start",
alignSelf: "flex-end", alignSelf: "flex-end",
width: 48,
height: 36,
alignContent:"center",
alignItems: "flex-end"
}} }}
> >
<TouchableOpacity onPress={() => setClosed(true)}> <TouchableOpacity onPress={() => setClosed(true)}>
<MaterialCommunityIcons <MaterialCommunityIcons
name="close" name="close"
size={26}
size={20}
color={colors.primary} color={colors.primary}
alignItems="center" alignItems="center"
alignSelf="center"
/> />
</TouchableOpacity> </TouchableOpacity>
</View> </View>

3
src/app/screens/LoginScreen.js

@ -153,7 +153,7 @@ export default function LoginScreen(props) {
/> />
</View> </View>
<SubmitButton title="entrar" backgroundColor={colors.primary}/>
<SubmitButton title="entrar" backgroundColor={colors.primary} />
{/* FIXME: update this in future versions */} {/* FIXME: update this in future versions */}
{/* <TouchableNativeFeedback */} {/* <TouchableNativeFeedback */}
@ -180,7 +180,6 @@ export default function LoginScreen(props) {
/> />
<TouchableNativeFeedback <TouchableNativeFeedback
style={{height: 48}}
onPress={() => { onPress={() => {
authContext.setUser(true); authContext.setUser(true);
}} }}

Loading…
Cancel
Save