fix(toolbar): swap mark-as-unread and archive buttons

Summary:
fixes T3628

problem
- mark-as-read button was in most prominent location
- archive button is most used button, but unfortunately in less prominent location
- user is annoyed at inconvenient real estate allocation

Test Plan: tested manually for regressions. all previous tests still green.

Reviewers: bengotow

Maniphest Tasks: T3628

Differential Revision: https://phab.nylas.com/D2033
This commit is contained in:
dillon 2015-09-16 17:48:56 -07:00
parent fc7abce49b
commit 793acfa132
3 changed files with 4 additions and 4 deletions

View file

@ -9,7 +9,7 @@ class ThreadArchiveButton extends React.Component
render: =>
<button className="btn btn-toolbar btn-archive"
style={order: -105}
style={order: -106}
data-tooltip="Archive"
onClick={@_onArchive}>
<RetinaImg name="toolbar-archive.png" mode={RetinaImg.Mode.ContentIsMask}/>

View file

@ -10,7 +10,7 @@ class ThreadToggleUnreadButton extends React.Component
fragment = if @props.thread?.unread then "read" else "unread"
<button className="btn btn-toolbar"
style={order: -106}
style={order: -105}
data-tooltip="Mark as #{fragment}"
onClick={@_onClick}>
<RetinaImg name="icon-toolbar-markas#{fragment}@2x.png"

View file

@ -12,7 +12,7 @@ class ThreadBulkArchiveButton extends React.Component
selection: React.PropTypes.object.isRequired
render: ->
<button style={order:-105}
<button style={order:-106}
className="btn btn-toolbar"
data-tooltip="Archive"
onClick={@_onArchive}>
@ -63,7 +63,7 @@ class ThreadBulkToggleUnreadButton extends React.Component
render: =>
fragment = if @state.canMarkUnread then "unread" else "read"
<button style={order:-106}
<button style={order:-105}
className="btn btn-toolbar"
data-tooltip="Mark as #{fragment}"
onClick={@_onClick}>