mirror of
https://github.com/Foundry376/Mailspring.git
synced 2024-09-23 08:46:07 +08:00
66d3d89979
Summary: Better error handling in the account settings page and a loading spinner Add Account... replaces "Link External Account", and it works Clean dead code from onboarding pages, remove base class component Always show the account switcher rm dead EdgehillAPI code, AccountStore now manages accounts and credentials in config, not in database Fix specs Test Plan: Run tests Reviewers: dillon, evan Reviewed By: evan Projects: #edgehill Differential Revision: https://phab.nylas.com/D2059
159 lines
3.3 KiB
Plaintext
159 lines
3.3 KiB
Plaintext
@import "ui-variables";
|
|
@import "ui-mixins";
|
|
|
|
#account-switcher,
|
|
#account-sidebar {
|
|
order: 1;
|
|
height: 100%;
|
|
background-color: @source-list-bg;
|
|
|
|
section {
|
|
padding-bottom: @padding-base-vertical;
|
|
}
|
|
|
|
.heading {
|
|
color: @text-color-very-subtle;
|
|
font-weight: @font-weight-semi-bold;
|
|
font-size: @font-size-small;
|
|
padding-left:@padding-small-horizontal;
|
|
padding-top:@padding-small-horizontal;
|
|
}
|
|
|
|
.item {
|
|
color: @text-color-subtle;
|
|
img.content-mask {
|
|
background-color: @text-color-subtle;
|
|
vertical-align: text-bottom;
|
|
}
|
|
font-size: @font-size-small;
|
|
font-weight: 400;
|
|
padding: 0 @spacing-standard;
|
|
line-height: @line-height-large * 1.1;
|
|
clear: both;
|
|
|
|
.unread {
|
|
font-weight: @font-weight-medium;
|
|
color: @source-list-active-bg;
|
|
background: @source-list-active-color;
|
|
margin-left:@padding-small-horizontal;
|
|
}
|
|
.icon {
|
|
float: left;
|
|
}
|
|
.name {
|
|
padding-left: @padding-small-horizontal;
|
|
position:relative;
|
|
top:1px;
|
|
overflow: hidden;
|
|
padding-top: @padding-small-vertical;
|
|
padding-bottom:@padding-small-vertical;
|
|
line-height: @line-height-small;
|
|
}
|
|
&.selected {
|
|
background: @source-list-active-bg;
|
|
color: @source-list-active-color;
|
|
img.content-mask { background-color: @source-list-active-color; }
|
|
}
|
|
&.dropping {
|
|
background-color: lighten(@source-list-bg, 20%);
|
|
color: @source-list-active-color;
|
|
img.content-mask { background-color: @source-list-active-color; }
|
|
}
|
|
|
|
&:hover {
|
|
cursor: default;
|
|
}
|
|
}
|
|
|
|
.item-divider {
|
|
color:#586870;
|
|
padding-top: 1em;
|
|
padding-bottom: 0.25em;
|
|
}
|
|
}
|
|
|
|
#account-sidebar {
|
|
.name {
|
|
text-transform: capitalize;
|
|
}
|
|
}
|
|
|
|
#account-switcher {
|
|
border-bottom: 1px solid @border-color-divider;
|
|
|
|
.primary-item {
|
|
padding-top: @padding-large-vertical;
|
|
padding-bottom: @padding-base-vertical;
|
|
}
|
|
|
|
.account {
|
|
position: relative;
|
|
margin-bottom: 0;
|
|
display:block;
|
|
.gravatar {
|
|
background-size: 28px 28px;
|
|
width: 28px;
|
|
height: 28px;
|
|
position: absolute;
|
|
z-index: 2;
|
|
border-radius: 7px;
|
|
top: -2px;
|
|
}
|
|
}
|
|
.name {
|
|
text-transform: lowercase;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.account-switcher-dropdown {
|
|
margin-top: -7px;
|
|
transform: scale(1, -1);
|
|
|
|
&.account-switcher-dropdown-hidden {
|
|
transform: scale(1, 1);
|
|
}
|
|
}
|
|
|
|
.dropdown-positioning {
|
|
display: block;
|
|
position: absolute;
|
|
top: 45px;
|
|
width: 100%;
|
|
z-index: 999;
|
|
|
|
.account .gravatar {
|
|
top: 6px;
|
|
}
|
|
}
|
|
|
|
.dropdown-colors {
|
|
background: lighten(@source-list-bg, 5%);
|
|
border: 1px solid @border-color-divider;
|
|
border-radius: @border-radius-base;
|
|
box-shadow: @standard-shadow;
|
|
}
|
|
|
|
.dropdown-item-padding {
|
|
padding: 6px 5px 0 14px;
|
|
|
|
&:first-child {
|
|
padding-top: 8px;
|
|
border-top-left-radius: @list-border-radius;
|
|
border-top-right-radius: @list-border-radius;
|
|
}
|
|
&:last-child {
|
|
padding-bottom: 2px;
|
|
border-bottom-left-radius: @list-border-radius;
|
|
border-bottom-right-radius: @list-border-radius;
|
|
}
|
|
}
|
|
|
|
.bg-color-hover {
|
|
|
|
&:hover {
|
|
background: @list-hover-bg;
|
|
}
|
|
}
|
|
}
|