mirror of
https://github.com/Foundry376/Mailspring.git
synced 2024-09-22 00:06:06 +08:00
feat(messages): add bcc label to message headers
This commit is contained in:
parent
d5eb68ece1
commit
ae73880b2b
|
@ -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}
|
||||||
|
|
|
@ -24,6 +24,10 @@ MessageParticipants = React.createClass
|
||||||
<span className="participant-label cc-label">Cc: </span>
|
<span className="participant-label cc-label">Cc: </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: </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: </div>
|
<div className="participant-label cc-label">Cc: </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: </div>
|
||||||
|
<div className="participant-name cc-contact">{@_fullContact(@props.bcc)}</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
_shortNames: (contacts=[]) ->
|
_shortNames: (contacts=[]) ->
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in a new issue