Mailspring/internal_packages/thread-snooze/stylesheets/snooze-popover.less
Juan Tejada 0fd2d107b2 test(plugins): Add snooze and send later specs
Summary:
- Also refactors the code a bit for testability and maintainability
- Fixes #1515

Test Plan: - Unit tests

Reviewers: evan, drew, bengotow

Reviewed By: bengotow

Differential Revision: https://phab.nylas.com/D2651
2016-03-03 12:38:42 -08:00

67 lines
1.6 KiB
Text

@import "ui-variables";
@snooze-quickaction-img: "../static/images/thread-list-quick-actions/ic-quickaction-snooze@2x.png";
.thread-list .list-item .list-column-HoverActions .action.action-snooze {
background: url(@snooze-quickaction-img) center no-repeat, @background-gradient;
}
.snooze-popover {
order: -104;
.btn-toolbar:only-of-type {
margin-right: 0;
}
.popover {
overflow: hidden;
}
}
.snooze-container {
color: fadeout(@btn-default-text-color, 20%);
display: flex;
flex-direction: column;
.snooze-row {
display: flex;
.snooze-item {
display: flex;
flex-direction: column;
align-items: center;
padding: 15px 0;
cursor: default;
width: 105px;
line-height: initial;
text-align: initial;
img { background-color: fadeout(@btn-default-text-color, 20%); }
&:hover {
background-color: darken(@btn-default-bg-color, 5%);
color: fadeout(@btn-default-text-color, 10%);
img { background-color: fadeout(@btn-default-text-color, 10%); }
}
&:active {
background-color: darken(@btn-default-bg-color, 8%);
color: fadeout(@btn-default-text-color, 0%);
img { background-color: fadeout(@btn-default-text-color, 0%); }
}
&+.snooze-item {
border-left: 1px solid @border-color-divider;
}
}
&+.snooze-row {
border-top: 1px solid @border-color-divider;
}
}
.snooze-input {
border-top: 1px solid @border-color-divider;
padding: @padding-large-vertical @padding-large-horizontal;
input {
margin-bottom: 3px;
}
}
}