| author |  Carlos Rico-Ospina <carlosricojr@gmail.com> 2026-08-06 12:56:01-04:00 |
| committer |  GitHub <noreply@github.com> 2026-08-06 12:56:01-04:00 |
| log | 470d4eb993eccd7d33cc9ad6f282c684d6760ac8 |
| tree | f7ccd0f40cc1de82bad918974040ab815f6f34c1 |
| parent | 99d91ddaa4996203b675cbd086d5acaa642d4827 |
| signature | Signed by PGP key B5690EEEBB952194 |
fix(mobile): stop thread messages reading through pending cards (#5450)
Co-authored-by: Claude Opus 5 <noreply@anthropic.com>2 files changed, 7 insertions(+), 2 deletions(-)
apps
mobile
src
features
apps/mobile/src/features/threads/PendingApprovalCard.tsx+3-1
| ... | @@ -14,8 +14,10 @@ export interface PendingApprovalCardProps { | ... | @@ -14,8 +14,10 @@ export interface PendingApprovalCardProps { |
| 14 | } | 14 | } |
| 15 | 15 | ||
| 16 | export function PendingApprovalCard(props: PendingApprovalCardProps) { | 16 | export function PendingApprovalCard(props: PendingApprovalCardProps) { |
| 17 | // Opaque for the same reason as PendingUserInputCard: nothing blurs the feed | ||
| 18 | // behind this card, so a translucent surface bleeds messages through it. | ||
| 17 | return ( | 19 | return ( |
| 18 | <View className="gap-2.5 rounded-[20px] border border-neutral-200 bg-neutral-100/80 p-4 dark:border-white/6 dark:bg-neutral-900/80"> | 20 | <View className="gap-2.5 rounded-[20px] border border-neutral-200 bg-neutral-100 p-4 dark:border-white/6 dark:bg-neutral-900"> |
| 19 | <Text className="font-t3-bold text-2xs uppercase tracking-[1.1px] text-sky-700 dark:text-sky-300"> | 21 | <Text className="font-t3-bold text-2xs uppercase tracking-[1.1px] text-sky-700 dark:text-sky-300"> |
| 20 | Approval needed | 22 | Approval needed |
| 21 | </Text> | 23 | </Text> |
apps/mobile/src/features/threads/PendingUserInputCard.tsx+4-1
| ... | @@ -24,8 +24,11 @@ export interface PendingUserInputCardProps { | ... | @@ -24,8 +24,11 @@ export interface PendingUserInputCardProps { |
| 24 | } | 24 | } |
| 25 | 25 | ||
| 26 | export function PendingUserInputCard(props: PendingUserInputCardProps) { | 26 | export function PendingUserInputCard(props: PendingUserInputCardProps) { |
| 27 | // The surface is opaque on purpose: the card floats over the thread feed | ||
| 28 | // with no blur behind it, so a translucent background renders the questions | ||
| 29 | // on top of whatever message happens to sit underneath. | ||
| 27 | return ( | 30 | return ( |
| 28 | <View className="gap-2.5 rounded-[20px] border border-neutral-200 bg-neutral-100/80 p-4 dark:border-white/6 dark:bg-neutral-900/80"> | 31 | <View className="gap-2.5 rounded-[20px] border border-neutral-200 bg-neutral-100 p-4 dark:border-white/6 dark:bg-neutral-900"> |
| 29 | <Text className="font-t3-bold text-2xs uppercase tracking-[1.1px] text-sky-700 dark:text-sky-300"> | 32 | <Text className="font-t3-bold text-2xs uppercase tracking-[1.1px] text-sky-700 dark:text-sky-300"> |
| 30 | User input needed | 33 | User input needed |
| 31 | </Text> | 34 | </Text> |