forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
[🐴] Fix Firefox send button positioning (#4201)
* use `align_center`
* revert
* account for firefox textarea size differences
set to `38`
remove some extra stuff
equal height on all platforms
* use atom
+4
-2
+4
-2
src/screens/Messages/Conversation/MessageInput.web.tsx
+4
-2
src/screens/Messages/Conversation/MessageInput.web.tsx
···
30
30
const isComposing = React.useRef(false)
31
31
const [isFocused, setIsFocused] = React.useState(false)
32
32
const [isHovered, setIsHovered] = React.useState(false)
33
+
const [textAreaHeight, setTextAreaHeight] = React.useState(38)
33
34
34
35
const onSubmit = React.useCallback(() => {
35
36
if (message.trim() === '') {
···
92
93
a.flex_row,
93
94
t.atoms.bg_contrast_25,
94
95
{
95
-
paddingHorizontal: a.p_sm.padding - 2,
96
+
paddingRight: a.p_sm.padding - 2,
96
97
paddingLeft: a.p_md.padding - 2,
97
98
borderWidth: 1,
98
99
borderRadius: 23,
99
100
borderColor: 'transparent',
101
+
height: textAreaHeight + 23,
100
102
},
101
103
isHovered && inputStyles.chromeHover,
102
104
isFocused && inputStyles.chromeFocus,
···
112
114
t.atoms.text,
113
115
{
114
116
paddingTop: 10,
115
-
paddingBottom: 12,
116
117
backgroundColor: 'transparent',
117
118
resize: 'none',
118
119
},
···
131
132
onCompositionEnd={() => {
132
133
isComposing.current = false
133
134
}}
135
+
onHeightChange={height => setTextAreaHeight(height)}
134
136
onChange={onChange}
135
137
onKeyDown={onKeyDown}
136
138
/>