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;
}