diff --git a/internal_packages/participant-profile/lib/sidebar-participant-profile.jsx b/internal_packages/participant-profile/lib/sidebar-participant-profile.jsx index c520b91be..87ea80204 100644 --- a/internal_packages/participant-profile/lib/sidebar-participant-profile.jsx +++ b/internal_packages/participant-profile/lib/sidebar-participant-profile.jsx @@ -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 (
@@ -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 =
{this.props.contact.fullName()}
+ } return (
-
{this.props.contact.fullName()}
+ {renderName}
{this.props.contact.email}
{this._renderSocialProfiles()}
diff --git a/internal_packages/participant-profile/lib/sidebar-related-threads.jsx b/internal_packages/participant-profile/lib/sidebar-related-threads.jsx index 6447d753d..ce730c70f 100644 --- a/internal_packages/participant-profile/lib/sidebar-related-threads.jsx +++ b/internal_packages/participant-profile/lib/sidebar-related-threads.jsx @@ -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) } diff --git a/internal_packages/participant-profile/stylesheets/participant-profile.less b/internal_packages/participant-profile/stylesheets/participant-profile.less index 2c7042a5b..a566bfc87 100644 --- a/internal_packages/participant-profile/stylesheets/participant-profile.less +++ b/internal_packages/participant-profile/stylesheets/participant-profile.less @@ -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;