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