Mailspring/internal_packages/account-sidebar/stylesheets/account-sidebar.less
Ben Gotow a559e3f89f feat(drag-threads): Move threads to folders/labels from thread list
Summary:
Drag threads to the folders / labels in the sidebar
WIP

Drag and drop is styled!

Test Plan: Tests WIP

Reviewers: evan

Reviewed By: evan

Differential Revision: https://phab.nylas.com/D1785
2015-07-23 11:10:51 -07:00

68 lines
1.6 KiB
Text

@import "ui-variables";
@import "ui-mixins";
#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;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
.unread {
font-weight: @font-weight-medium;
color: @source-list-active-bg;
background: @source-list-active-color;
margin-left:@padding-small-horizontal;
}
.name {
text-transform: capitalize;
margin-left: @padding-xs-horizontal;
position:relative;
top:1px;
}
&.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;
}
}