mirror of
https://github.com/Foundry376/Mailspring.git
synced 2024-09-23 00:36:50 +08:00
fc252673ab
Summary: This diff removes the timeout transition group from the sheet-toolbar, which was causing toolbar items to fade when columns were opened / closed and they were moved from column to column. Instead, I'm just animating the message toolbar items, which are one of the few sets of toolbar items that really should fade, and do so as an entire set. I've also renamed the "sheet-toolbar" animation to "opacity-125ms". I think it'd be cool to create a standard set of these animations, but I didn't see any others it would make sense to create generic names for yet. (The others have weird timings or are bound up inside packages). Resolves Github #90 Test Plan: No new tests Reviewers: evan Reviewed By: evan Differential Revision: https://phab.nylas.com/D2159
48 lines
1.2 KiB
CoffeeScript
48 lines
1.2 KiB
CoffeeScript
_ = require 'underscore'
|
|
React = require 'react'
|
|
classNames = require 'classnames'
|
|
|
|
{Actions,
|
|
WorkspaceStore,
|
|
FocusedContentStore} = require 'nylas-exports'
|
|
|
|
{Menu,
|
|
Popover,
|
|
RetinaImg,
|
|
TimeoutTransitionGroup,
|
|
InjectedComponentSet} = require 'nylas-component-kit'
|
|
|
|
class MessageToolbarItems extends React.Component
|
|
@displayName: "MessageToolbarItems"
|
|
|
|
constructor: (@props) ->
|
|
@state =
|
|
thread: FocusedContentStore.focused('thread')
|
|
|
|
render: =>
|
|
<TimeoutTransitionGroup
|
|
className="message-toolbar-items"
|
|
leaveTimeout={125}
|
|
enterTimeout={125}
|
|
transitionName="opacity-125ms">
|
|
{@_renderContents()}
|
|
</TimeoutTransitionGroup>
|
|
|
|
_renderContents: =>
|
|
return false unless @state.thread
|
|
<InjectedComponentSet key="injected" matching={role: "message:Toolbar"} exposedProps={thread: @state.thread}/>
|
|
|
|
componentDidMount: =>
|
|
@_unsubscribers = []
|
|
@_unsubscribers.push FocusedContentStore.listen @_onChange
|
|
|
|
componentWillUnmount: =>
|
|
return unless @_unsubscribers
|
|
unsubscribe() for unsubscribe in @_unsubscribers
|
|
|
|
_onChange: =>
|
|
@setState
|
|
thread: FocusedContentStore.focused('thread')
|
|
|
|
module.exports = MessageToolbarItems
|