Mailspring/internal_packages/thread-snooze/stylesheets/snooze-popover.less
Juan Tejada f2e7ea4c4c feat(reminders): Add send reminders functionality
Summary: Add reminders plugin which lets you set reminder if you don't get a reply for a message within a specified time in the future

Test Plan: TODO

Reviewers: halla, bengotow, evan

Reviewed By: halla, bengotow, evan

Differential Revision: https://phab.nylas.com/D3356
2016-10-27 08:49:29 -07:00

61 lines
1.5 KiB
Plaintext

@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-button {
order: -103;
}
.snooze-popover {
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;
}
}
}