mirror of
https://github.com/Foundry376/Mailspring.git
synced 2024-11-11 10:12:00 +08:00
fix(sidebar): minor sidebar style and padding tweaks
This commit is contained in:
parent
73e01dabb4
commit
dade20a148
5 changed files with 15 additions and 6 deletions
|
@ -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 (
|
||||
|
|
|
@ -5,6 +5,11 @@
|
|||
|
||||
a{ text-decoration: none; }
|
||||
|
||||
.pending {
|
||||
font-size: 12px;
|
||||
color: @text-color-very-subtle;
|
||||
}
|
||||
|
||||
.logo {
|
||||
float: left;
|
||||
width:15px;
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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()
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in a new issue