feat(messages): add bcc label to message headers

This commit is contained in:
Evan Morikawa 2015-03-10 13:27:21 -07:00
parent d5eb68ece1
commit ae73880b2b
3 changed files with 15 additions and 3 deletions

View file

@ -54,6 +54,7 @@ MessageItem = React.createClass
<MessageParticipants to={@props.message.to} <MessageParticipants to={@props.message.to}
cc={@props.message.cc} cc={@props.message.cc}
bcc={@props.message.bcc}
from={@props.message.from} from={@props.message.from}
onClick={=> @setState detailedHeaders: true} onClick={=> @setState detailedHeaders: true}
thread_participants={@props.thread_participants} thread_participants={@props.thread_participants}

View file

@ -24,6 +24,10 @@ MessageParticipants = React.createClass
<span className="participant-label cc-label">Cc:&nbsp;</span> <span className="participant-label cc-label">Cc:&nbsp;</span>
<span className="participant-name cc-contact">{@_shortNames(@props.cc)}</span> <span className="participant-name cc-contact">{@_shortNames(@props.cc)}</span>
</span> </span>
<span style={if @props.bcc.length > 0 then display:"inline" else display:"none"}>
<span className="participant-label bcc-label">Bcc:&nbsp;</span>
<span className="participant-name cc-contact">{@_shortNames(@props.bcc)}</span>
</span>
</span> </span>
_renderExpanded: -> _renderExpanded: ->
@ -43,6 +47,12 @@ MessageParticipants = React.createClass
<div className="participant-label cc-label">Cc:&nbsp;</div> <div className="participant-label cc-label">Cc:&nbsp;</div>
<div className="participant-name cc-contact">{@_fullContact(@props.cc)}</div> <div className="participant-name cc-contact">{@_fullContact(@props.cc)}</div>
</div> </div>
<div className="participant-type"
style={if @props.bcc.length > 0 then display:"block" else display:"none"}>
<div className="participant-label bcc-label">Bcc:&nbsp;</div>
<div className="participant-name cc-contact">{@_fullContact(@props.bcc)}</div>
</div>
</div> </div>
_shortNames: (contacts=[]) -> _shortNames: (contacts=[]) ->

View file

@ -153,11 +153,11 @@
font-weight: @headings-font-weight; font-weight: @headings-font-weight;
color: @text-color; color: @text-color;
} }
.from-label, .to-label, .cc-label { .from-label, .to-label, .cc-label, .bcc-label {
color: @text-color-very-subtle; color: @text-color-very-subtle;
} }
.to-label { font-weight: 600; } .to-label { font-weight: 600; }
.cc-label { margin-left: @spacing-standard; } .cc-label, .bcc-label { margin-left: @spacing-standard; }
.to-contact, .cc-contact, .to-everyone { .to-contact, .cc-contact, .to-everyone {
color: @text-color-very-subtle; color: @text-color-very-subtle;
} }
@ -171,7 +171,7 @@
&:first-child {margin-top: 0;} &:first-child {margin-top: 0;}
} }
.from-label, .to-label, .cc-label { .from-label, .to-label, .cc-label, .bcc-label {
float: left; float: left;
display: block; display: block;
font-weight: 400; font-weight: 400;
@ -185,6 +185,7 @@
.from-label { margin-right: 1em; } .from-label { margin-right: 1em; }
.to-label, .cc-label { margin-right: 2.15em; } .to-label, .cc-label { margin-right: 2.15em; }
.bcc-label { margin-right: 1.7em; }
.participant-primary { .participant-primary {
color: @text-color; color: @text-color;