Foundry376/Mailspring
1
1
Fork 0
mirror of https://github.com/Foundry376/Mailspring.git synced 2024-11-11 10:12:00 +08:00
Code Issues Projects Releases Packages Wiki Activity

fix(sidebar): design tweaks to sidebar

Browse source
This commit is contained in:
Evan Morikawa 2016-03-10 15:06:44 -05:00
parent 47e2ef8436
commit 9c8237caf3
3 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
internal_packages/participant-profile/lib/sidebar-participant-profile.jsx
View file

@ -62,7 +62,7 @@ export default class SidebarParticipantProfile extends React.Component {
_renderDefaultProfileImage() {
const hue = Utils.hueForString(this.props.contact.email);
const bgColor = `hsl(${hue}, 50%, 34%)`
const bgColor = `hsl(${hue}, 50%, 45%)`
const abv = this.props.contact.nameAbbreviation()
return (
<div className="profile-photo-wrap">
@ -76,9 +76,14 @@ export default class SidebarParticipantProfile extends React.Component {
}
_renderCorePersonalInfo() {
const fullName = this.props.contact.fullName();
let renderName = false;
if (fullName !== this.props.contact.email) {
renderName = <div className="selectable full-name" onClick={this._select}>{this.props.contact.fullName()}</div>
}
return (
<div className="core-personal-info">
<div className="selectable full-name" onClick={this._select}>{this.props.contact.fullName()}</div>
{renderName}
<div className="selectable email" onClick={this._select}>{this.props.contact.email}</div>
{this._renderSocialProfiles()}
</div>

2
internal_packages/participant-profile/lib/sidebar-related-threads.jsx
View file

@ -47,7 +47,7 @@ export default class RelatedThreads extends React.Component {
limit = Math.min(this.props.contactThreads.length, this.DEFAULT_NUM)
}
const height = ((limit + (this._hasToggle() ? 1 : 0)) * 31) + 5;
const height = ((limit + (this._hasToggle() ? 1 : 0)) * 31);
const shownThreads = this.props.contactThreads.slice(0, limit)
const threads = shownThreads.map((thread) => {
const onClick = () => { this._onClick(thread) }

3
internal_packages/participant-profile/stylesheets/participant-profile.less
View file

@ -34,6 +34,7 @@
}
.toggle {
font-size: 12px;
text-align: center;
padding: 0.5em 15px;
border-top: 1px solid rgba(0,0,0,0.08);
@ -42,7 +43,7 @@
}
.participant-profile {
margin-bottom: 20px;
margin-bottom: 24px;
.profile-photo-wrap {
width: 50px;