diff --git a/internal_packages/message-list/stylesheets/message-list.less b/internal_packages/message-list/stylesheets/message-list.less index 43986ee4a..f047f5349 100644 --- a/internal_packages/message-list/stylesheets/message-list.less +++ b/internal_packages/message-list/stylesheets/message-list.less @@ -61,6 +61,10 @@ body.platform-win32 { border-radius: 0; } } + + .sidebar-section { + border-radius: 0; + } } .sheet-toolbar { @@ -652,6 +656,9 @@ body.platform-win32 { .sidebar-participant-picker { padding: 10px 5px 20px 5px; text-align: right; + select { + max-width: 100%; + } } .column-MessageListSidebar { diff --git a/internal_packages/participant-profile/lib/sidebar-participant-profile.jsx b/internal_packages/participant-profile/lib/sidebar-participant-profile.jsx index 82af8bf2e..17f363143 100644 --- a/internal_packages/participant-profile/lib/sidebar-participant-profile.jsx +++ b/internal_packages/participant-profile/lib/sidebar-participant-profile.jsx @@ -2,7 +2,7 @@ import _ from 'underscore' import React from 'react' import {shell} from 'electron' -import {Utils} from 'nylas-exports' +import {DOMUtils, Utils} from 'nylas-exports' import {RetinaImg} from 'nylas-component-kit' import ParticipantProfileStore from './participant-profile-store' @@ -78,8 +78,8 @@ export default class SidebarParticipantProfile extends React.Component { _renderCorePersonalInfo() { return (
-
{this.props.contact.fullName()}
-
{this.props.contact.email}
+
{this.props.contact.fullName()}
+
{this.props.contact.email}
{this._renderSocialProfiles()}
) @@ -115,14 +115,14 @@ export default class SidebarParticipantProfile extends React.Component { title = {this.state.title},  } return ( -

{title}{this.state.employer}

+

{title}{this.state.employer}

) } _renderBio() { if (!this.state.bio) { return false; } return ( -

{this.state.bio}

+

{this.state.bio}

) } @@ -132,12 +132,25 @@ export default class SidebarParticipantProfile extends React.Component {

- {this.state.location} + style={{float: "left"}} /> + {this.state.location}

) } + _select(event) { + const el = event.target; + const sel = document.getSelection() + if (el.contains(sel.anchorNode) && !sel.isCollapsed) { + return + } + const anchor = DOMUtils.findFirstTextNode(el) + const focus = DOMUtils.findLastTextNode(el) + if (anchor && focus && focus.data) { + sel.setBaseAndExtent(anchor, 0, focus, focus.data.length) + } + } + render() { return (
diff --git a/internal_packages/participant-profile/stylesheets/participant-profile.less b/internal_packages/participant-profile/stylesheets/participant-profile.less index 1f114698e..ba1ce820e 100644 --- a/internal_packages/participant-profile/stylesheets/participant-profile.less +++ b/internal_packages/participant-profile/stylesheets/participant-profile.less @@ -60,6 +60,8 @@ font-size: 22px; font-weight: 500; color: white; + box-shadow: inset 0 0 1px rgba(0,0,0,0.18); + background-image: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%); } } } @@ -67,6 +69,13 @@ .core-personal-info { padding-top: 30px; text-align: center; + + .full-name, .email { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + .full-name { font-size: 16px; } @@ -93,9 +102,12 @@ body.platform-win32 { .participant-profile { - * { + border-radius: 0; + .profile-photo { border-radius: 0; } + } + .related-threads { border-radius: 0; } } diff --git a/static/selection.less b/static/selection.less index 4dc2f0bc8..9128b86b1 100644 --- a/static/selection.less +++ b/static/selection.less @@ -11,6 +11,9 @@ input, textarea, div[contenteditable], { user-select: auto; } .selectable { + &:hover { + cursor: text; + } -webkit-user-select: auto; user-select: auto; }