iOS client for Grain
grain.social
ios
photography
atproto
fix: anchor upload arrow scale transition to trailing edge (#19)
* fix: anchor upload arrow scale transition to trailing edge
Center-anchored .scale combined with HStack layout shift caused the
send button to appear from the diagonal lower-right. Anchoring to
.trailing keeps the animation on a straight axis.
* fix: send button slides in from right with opacity and offset transition
Use asymmetric offset+opacity transition with clipped HStack so the
button translates in from off-screen while the text field shrinks,
producing one fluid animation instead of a diagonal pop-in.
+7
-1
+7
-1
Grain/Views/Comments/CommentSheetContent.swift
+7
-1
Grain/Views/Comments/CommentSheetContent.swift
···
175
175
}
176
176
.glassEffect(.regular.interactive(), in: .circle)
177
177
.disabled(isPostingComment)
178
-
.transition(.scale.combined(with: .opacity))
178
+
.transition(
179
+
.asymmetric(
180
+
insertion: .offset(x: 60).combined(with: .opacity),
181
+
removal: .offset(x: 60).combined(with: .opacity)
182
+
)
183
+
)
179
184
}
180
185
}
186
+
.clipped()
181
187
.animation(.spring(response: 0.3, dampingFraction: 0.8), value: commentText.isEmpty)
182
188
.padding(.horizontal, 12)
183
189
.padding(.vertical, 10)