From b84af372b9800225f06d45077da87a2d13182e20 Mon Sep 17 00:00:00 2001
From: Travis Ralston <travpc@gmail.com>
Date: Tue, 9 Jun 2020 15:35:07 -0600
Subject: [PATCH] Bump animation time for breadcrumbs up to 640ms

This matches the design, unlike the 300ms which was too fast.
---
 res/css/views/rooms/_RoomBreadcrumbs2.scss      | 2 +-
 src/components/views/rooms/RoomBreadcrumbs2.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/res/css/views/rooms/_RoomBreadcrumbs2.scss b/res/css/views/rooms/_RoomBreadcrumbs2.scss
index 68cf7d7500..ac5a9fc34e 100644
--- a/res/css/views/rooms/_RoomBreadcrumbs2.scss
+++ b/res/css/views/rooms/_RoomBreadcrumbs2.scss
@@ -39,7 +39,7 @@ limitations under the License.
 
         // Timing function is as-requested by design.
         // NOTE: The transition time MUST match the value passed to CSSTransition!
-        transition: margin-left 300ms cubic-bezier(0.66, 0.02, 0.36, 1);
+        transition: margin-left 640ms cubic-bezier(0.66, 0.02, 0.36, 1);
     }
 
     .mx_RoomBreadcrumbs2_placeholder {
diff --git a/src/components/views/rooms/RoomBreadcrumbs2.tsx b/src/components/views/rooms/RoomBreadcrumbs2.tsx
index 197170018a..1b912b39d6 100644
--- a/src/components/views/rooms/RoomBreadcrumbs2.tsx
+++ b/src/components/views/rooms/RoomBreadcrumbs2.tsx
@@ -104,7 +104,7 @@ export default class RoomBreadcrumbs2 extends React.PureComponent<IProps, IState
             // NOTE: The CSSTransition timeout MUST match the timeout in our CSS!
             return (
                 <CSSTransition
-                    appear={true} in={this.state.doAnimation} timeout={300}
+                    appear={true} in={this.state.doAnimation} timeout={640}
                     classNames='mx_RoomBreadcrumbs2'
                 >
                     <div className='mx_RoomBreadcrumbs2'>