Foundry376/Mailspring
1
1
Fork 0
mirror of https://github.com/Foundry376/Mailspring.git synced 2025-02-21 22:54:11 +08:00
Code Issues Projects Releases Packages Wiki Activity

fix(aliases): Add note that aliases may need to be setup

Browse source
This commit is contained in:
Ben Gotow 2015-12-15 11:56:31 -08:00
parent 5c48d27cfc
commit 71bd96f978
3 changed files with 14 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
internal_packages/preferences/lib/tabs/preferences-account-details.jsx
View file

@ -142,7 +142,14 @@ class PreferencesAccountDetails extends Component {
value={account.label} value={account.label}
onBlur={this._saveChanges} onBlur={this._saveChanges}
onChange={this._onAccountLabelUpdated} /> onChange={this._onAccountLabelUpdated} />
<h3>Aliases</h3> <h3>Aliases</h3>
<div className="platform-note">
You may need to configure aliases with your
mail provider (Outlook, Gmail) before using them.
</div>
<EditableList <EditableList
showEditIcon showEditIcon
createInputProps={{placeholder: aliasPlaceholder}} createInputProps={{placeholder: aliasPlaceholder}}

9
internal_packages/preferences/stylesheets/preferences-accounts.less
View file

@ -48,7 +48,7 @@
border-bottom: 1px solid @border-color-divider; border-bottom: 1px solid @border-color-divider;
.items-wrapper { .items-wrapper {
height: 180px; height: 140px;
} }
&>h3 { &>h3 {
@ -65,11 +65,12 @@
.default-alias-selector { .default-alias-selector {
font-size: 0.9em; font-size: 0.9em;
float: right; display:flex;
align-items: baseline;
padding-top: @padding-base-vertical;
&>select { &>select {
min-width: 35%; flex: 1;
max-width: 243px;
} }
} }
} }

4
internal_packages/preferences/stylesheets/preferences.less
View file

@ -175,10 +175,10 @@
.platform-note { .platform-note {
padding: @padding-base-vertical @padding-base-horizontal; padding: @padding-base-vertical @padding-base-horizontal;
background: @background-secondary; background: fade(@black, 4%);
border-left:3px solid @info-color; border-left:3px solid @info-color;
margin:@padding-base-vertical 0; margin:@padding-base-vertical 0;
font-size:0.95em; font-size:0.90em;
&:before { &:before {
color: @info-color; color: @info-color;
font-weight:600; font-weight:600;