fix(sidebar): minor sidebar style and padding tweaks

This commit is contained in:
Evan Morikawa 2016-03-10 14:21:24 -05:00
parent 73e01dabb4
commit dade20a148
5 changed files with 15 additions and 6 deletions

View file

@ -90,11 +90,11 @@ export default class GithubContactCardSection extends React.Component {
_renderInner() {
// Handle various loading states by returning early
if (this.state.loading) {
return (<div>Loading...</div>);
return (<div className="pending">Loading...</div>);
}
if (!this.state.profile) {
return (<div>No Matching Profile</div>);
return (<div className="pending">No Matching Profile</div>);
}
return (

View file

@ -5,6 +5,11 @@
a{ text-decoration: none; }
.pending {
font-size: 12px;
color: @text-color-very-subtle;
}
.logo {
float: left;
width:15px;

View file

@ -670,7 +670,7 @@ body.platform-win32 {
text-transform: uppercase;
color: @text-color-very-subtle;
border-bottom: 1px solid @border-color-divider;
margin: 2em 0 1em 0;
margin: 0 0 1em 0;
}
.sidebar-contact-card {

View file

@ -28,7 +28,7 @@ class ParticipantProfileStore extends NylasStore {
}
this.dataSource.find({email: contact.email}).then((data) => {
if (data.email === contact.email) {
if (data && data.email === contact.email) {
this.setCache(contact, data);
this.trigger()
}

View file

@ -42,6 +42,8 @@
}
.participant-profile {
margin-bottom: 20px;
.profile-photo-wrap {
width: 50px;
height: 50px;
@ -67,7 +69,7 @@
.default-profile-image {
line-height: 44px;
font-size: 22px;
font-size: 18px;
font-weight: 500;
color: white;
box-shadow: inset 0 0 1px rgba(0,0,0,0.18);
@ -79,6 +81,7 @@
.core-personal-info {
padding-top: 30px;
text-align: center;
margin-bottom: @spacing-standard;
.full-name, .email {
overflow: hidden;
@ -91,9 +94,10 @@
}
.email {
color: @text-color-very-subtle;
margin-bottom: @spacing-standard;
}
.social-profiles-wrap {
padding: 10px;
margin-bottom: @spacing-standard;
}
.social-profile-item {
margin: 0 10px;