matrix/matrix-react-sdk
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-11-14 19:02:33 +03:00
Code Activity

Bump animation time for breadcrumbs up to 640ms

Browse Source 
This matches the design, unlike the 300ms which was too fast.
This commit is contained in:
Travis Ralston
2020-06-09 15:35:07 -06:00
parent 1467191a5d
commit b84af372b9
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
res/css/views/rooms/_RoomBreadcrumbs2.scss
View File

@@ -39,7 +39,7 @@ limitations under the License.
// Timing function is as-requested by design. // Timing function is as-requested by design.
// NOTE: The transition time MUST match the value passed to CSSTransition! // 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 { .mx_RoomBreadcrumbs2_placeholder {

2
src/components/views/rooms/RoomBreadcrumbs2.tsx
View File

@@ -104,7 +104,7 @@ export default class RoomBreadcrumbs2 extends React.PureComponent<IProps, IState
// NOTE: The CSSTransition timeout MUST match the timeout in our CSS! // NOTE: The CSSTransition timeout MUST match the timeout in our CSS!
return ( return (
<CSSTransition <CSSTransition
appear={true} in={this.state.doAnimation} timeout={300} appear={true} in={this.state.doAnimation} timeout={640}
classNames='mx_RoomBreadcrumbs2' classNames='mx_RoomBreadcrumbs2'
> >
<div className='mx_RoomBreadcrumbs2'> <div className='mx_RoomBreadcrumbs2'>