| ... | ... | @@ -46,7 +46,8 @@ const CONTROL_TIMING = { |
| 46 | 46 | easing: Easing.out(Easing.cubic), |
| 47 | 47 | reduceMotion: ReduceMotion.System, |
| 48 | 48 | } as const; |
| 49 | | const CONTROL_SEPARATION = (16 + CONTROL_HEIGHT) / 2; |
| 49 | const CONTROL_ROW_GAP = 14; |
| 50 | const CONTROL_SEPARATION = (CONTROL_ROW_GAP + CONTROL_HEIGHT) / 2; |
| 50 | 51 | // Both rows share the same centered anchor, so the outgoing one clears fast and |
| 51 | 52 | // the incoming one waits for it to be mostly gone before it starts to show. |
| 52 | 53 | const LABEL_ENTERING = FadeIn.duration(160).delay(80).reduceMotion(ReduceMotion.System); |
| ... | ... | @@ -274,7 +275,7 @@ export function FloatingWorkingControl(props: { |
| 274 | 275 | |
| 275 | 276 | <AnimatedGlassView |
| 276 | 277 | colorScheme={props.colorScheme} |
| 277 | | glassEffectStyle="regular" |
| 278 | glassEffectStyle={{ style: props.showScrollToEnd ? "regular" : "none", animate: true }} |
| 278 | 279 | isInteractive |
| 279 | 280 | pointerEvents={props.showScrollToEnd ? "auto" : "none"} |
| 280 | 281 | accessibilityElementsHidden={!props.showScrollToEnd} |