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}
cc={@props.message.cc}
bcc={@props.message.bcc}
from={@props.message.from}
onClick={=> @setState detailedHeaders: true}
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-name cc-contact">{@_shortNames(@props.cc)}</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>
_renderExpanded: ->
@ -43,6 +47,12 @@ MessageParticipants = React.createClass
<div className="participant-label cc-label">Cc:&nbsp;</div>
<div className="participant-name cc-contact">{@_fullContact(@props.cc)}</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>
_shortNames: (contacts=[]) ->

View file

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