Skip to content

Commit 19c88c2

Browse files
committed
Use opacity 0 for hidden names in the Planets example
1 parent 76d5394 commit 19c88c2

1 file changed

Lines changed: 5 additions & 7 deletions

File tree

  • apps/common-app/src/apps/css/examples/transitions/screens/pseudoSelectors

apps/common-app/src/apps/css/examples/transitions/screens/pseudoSelectors/Planets.tsx

Lines changed: 5 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -66,15 +66,14 @@ export default function Planets() {
6666
}}>
6767
<Animated.View
6868
style={{
69-
opacity: { default: 0.02, ':hover': 1 },
69+
opacity: { default: 0, ':hover': 1 },
7070
transitionDuration: '200ms',
71-
}}
72-
onStartShouldSetResponder={() => true}>
71+
}}>
7372
<Text>{name}</Text>
7473
</Animated.View>
7574
</Animated.View>`}
7675
collapsedCode={`opacity: {
77-
default: 0.02,
76+
default: 0,
7877
':hover': 1,
7978
},
8079
transform: {
@@ -118,11 +117,10 @@ boxShadow: {
118117
style={[
119118
styles.nameWrapper,
120119
{
121-
opacity: { ':hover': 1, default: 0.02 },
120+
opacity: { ':hover': 1, default: 0 },
122121
transitionDuration: '200ms',
123122
},
124-
]}
125-
onStartShouldSetResponder={() => true}>
123+
]}>
126124
<Text style={styles.name}>{planet.name}</Text>
127125
</Animated.View>
128126
</Animated.View>

0 commit comments

Comments
 (0)