Foundry376/Mailspring
1
1
Fork 0
mirror of https://github.com/Foundry376/Mailspring.git synced 2024-11-12 04:25:31 +08:00
Code Issues Projects Releases Packages Wiki Activity
Mailspring/internal_packages/thread-snooze/stylesheets/snooze-popover.less

74 lines
1.7 KiB
Text
Raw Normal View History

feat(snooze/send-later): Add snooze and send later plugins Summary: - Add initial version of snooze and send later plugins - Tests are missing since this will probably heavily change before we are done with them Test Plan: - TODO Reviewers: drew, bengotow, evan Reviewed By: bengotow, evan Differential Revision: https://phab.nylas.com/D2578
2016-02-19 02:00:11 +08:00
@import "ui-variables";
:lipstick:(snooze): Quick action styling, draft pencil alignment
2016-02-24 06:37:06 +08:00
feat(snooze): Adds initial design pass and update snooze popover Summary: - Add FixedPopover, an absolutely positioned popover component to use for swipe snoozing: - This component needs to be finished, as its current behavior is primarily for the snooze plugin - Updates popover.cjsx to properly render pointer for thesnooze popover for the `down` direction - Adds new design assets - Adds date input to snooze popover Test Plan: - TODO Reviewers: evan, bengotow Reviewed By: bengotow Differential Revision: https://phab.nylas.com/D2624
2016-02-23 07:48:07 +08:00
@snooze-quickaction-img: "../static/images/thread-list-quick-actions/ic-quickaction-snooze@2x.png";
feat(snooze/send-later): Add snooze and send later plugins Summary: - Add initial version of snooze and send later plugins - Tests are missing since this will probably heavily change before we are done with them Test Plan: - TODO Reviewers: drew, bengotow, evan Reviewed By: bengotow, evan Differential Revision: https://phab.nylas.com/D2578
2016-02-19 02:00:11 +08:00
.thread-list .list-item .list-column-HoverActions .action.action-snooze {
:lipstick:(snooze): Quick action styling, draft pencil alignment
2016-02-24 06:37:06 +08:00
background: url(@snooze-quickaction-img) center no-repeat, @background-gradient;
feat(snooze/send-later): Add snooze and send later plugins Summary: - Add initial version of snooze and send later plugins - Tests are missing since this will probably heavily change before we are done with them Test Plan: - TODO Reviewers: drew, bengotow, evan Reviewed By: bengotow, evan Differential Revision: https://phab.nylas.com/D2578
2016-02-19 02:00:11 +08:00
}
.snooze-popover {
feat(snooze): Adds initial design pass and update snooze popover Summary: - Add FixedPopover, an absolutely positioned popover component to use for swipe snoozing: - This component needs to be finished, as its current behavior is primarily for the snooze plugin - Updates popover.cjsx to properly render pointer for thesnooze popover for the `down` direction - Adds new design assets - Adds date input to snooze popover Test Plan: - TODO Reviewers: evan, bengotow Reviewed By: bengotow Differential Revision: https://phab.nylas.com/D2624
2016-02-23 07:48:07 +08:00
order: -104;
.btn-toolbar:only-of-type {
margin-right: 0;
}
.popover {
overflow: hidden;
}
}
.snooze-container {
fix(snooze): A few minor popover adjustments. See desc. - Rather than have a `showing` prop on the fixed popover, I just remove it and put a span in it's place when it's gone. This means we always get componentDidMount when the popover appears and simplifies when to focus it's content. - The fixed popover implements esc and blur behaviors itself - The fixed popover uses the background-secondary color and works in dark mode - The snooze items have hover and active states
2016-02-25 12:05:16 +08:00
color: fadeout(@btn-default-text-color, 20%);
feat(snooze): Adds initial design pass and update snooze popover Summary: - Add FixedPopover, an absolutely positioned popover component to use for swipe snoozing: - This component needs to be finished, as its current behavior is primarily for the snooze plugin - Updates popover.cjsx to properly render pointer for thesnooze popover for the `down` direction - Adds new design assets - Adds date input to snooze popover Test Plan: - TODO Reviewers: evan, bengotow Reviewed By: bengotow Differential Revision: https://phab.nylas.com/D2624
2016-02-23 07:48:07 +08:00
display: flex;
flex-direction: column;
.snooze-row {
feat(snooze/send-later): Add snooze and send later plugins Summary: - Add initial version of snooze and send later plugins - Tests are missing since this will probably heavily change before we are done with them Test Plan: - TODO Reviewers: drew, bengotow, evan Reviewed By: bengotow, evan Differential Revision: https://phab.nylas.com/D2578
2016-02-19 02:00:11 +08:00
display: flex;
.snooze-item {
feat(snooze): Adds initial design pass and update snooze popover Summary: - Add FixedPopover, an absolutely positioned popover component to use for swipe snoozing: - This component needs to be finished, as its current behavior is primarily for the snooze plugin - Updates popover.cjsx to properly render pointer for thesnooze popover for the `down` direction - Adds new design assets - Adds date input to snooze popover Test Plan: - TODO Reviewers: evan, bengotow Reviewed By: bengotow Differential Revision: https://phab.nylas.com/D2624
2016-02-23 07:48:07 +08:00
display: flex;
flex-direction: column;
align-items: center;
padding: 15px 0;
feat(snooze/send-later): Add snooze and send later plugins Summary: - Add initial version of snooze and send later plugins - Tests are missing since this will probably heavily change before we are done with them Test Plan: - TODO Reviewers: drew, bengotow, evan Reviewed By: bengotow, evan Differential Revision: https://phab.nylas.com/D2578
2016-02-19 02:00:11 +08:00
cursor: default;
feat(snooze): Adds initial design pass and update snooze popover Summary: - Add FixedPopover, an absolutely positioned popover component to use for swipe snoozing: - This component needs to be finished, as its current behavior is primarily for the snooze plugin - Updates popover.cjsx to properly render pointer for thesnooze popover for the `down` direction - Adds new design assets - Adds date input to snooze popover Test Plan: - TODO Reviewers: evan, bengotow Reviewed By: bengotow Differential Revision: https://phab.nylas.com/D2624
2016-02-23 07:48:07 +08:00
width: 105px;
feat(snooze/send-later): Add snooze and send later plugins Summary: - Add initial version of snooze and send later plugins - Tests are missing since this will probably heavily change before we are done with them Test Plan: - TODO Reviewers: drew, bengotow, evan Reviewed By: bengotow, evan Differential Revision: https://phab.nylas.com/D2578
2016-02-19 02:00:11 +08:00
line-height: initial;
text-align: initial;
fix(snooze): A few minor popover adjustments. See desc. - Rather than have a `showing` prop on the fixed popover, I just remove it and put a span in it's place when it's gone. This means we always get componentDidMount when the popover appears and simplifies when to focus it's content. - The fixed popover implements esc and blur behaviors itself - The fixed popover uses the background-secondary color and works in dark mode - The snooze items have hover and active states
2016-02-25 12:05:16 +08:00
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%); }
}
feat(snooze/send-later): Add snooze and send later plugins Summary: - Add initial version of snooze and send later plugins - Tests are missing since this will probably heavily change before we are done with them Test Plan: - TODO Reviewers: drew, bengotow, evan Reviewed By: bengotow, evan Differential Revision: https://phab.nylas.com/D2578
2016-02-19 02:00:11 +08:00
&+.snooze-item {
feat(snooze): Adds initial design pass and update snooze popover Summary: - Add FixedPopover, an absolutely positioned popover component to use for swipe snoozing: - This component needs to be finished, as its current behavior is primarily for the snooze plugin - Updates popover.cjsx to properly render pointer for thesnooze popover for the `down` direction - Adds new design assets - Adds date input to snooze popover Test Plan: - TODO Reviewers: evan, bengotow Reviewed By: bengotow Differential Revision: https://phab.nylas.com/D2624
2016-02-23 07:48:07 +08:00
border-left: 1px solid @border-color-divider;
feat(snooze/send-later): Add snooze and send later plugins Summary: - Add initial version of snooze and send later plugins - Tests are missing since this will probably heavily change before we are done with them Test Plan: - TODO Reviewers: drew, bengotow, evan Reviewed By: bengotow, evan Differential Revision: https://phab.nylas.com/D2578
2016-02-19 02:00:11 +08:00
}
}
feat(snooze): Adds initial design pass and update snooze popover Summary: - Add FixedPopover, an absolutely positioned popover component to use for swipe snoozing: - This component needs to be finished, as its current behavior is primarily for the snooze plugin - Updates popover.cjsx to properly render pointer for thesnooze popover for the `down` direction - Adds new design assets - Adds date input to snooze popover Test Plan: - TODO Reviewers: evan, bengotow Reviewed By: bengotow Differential Revision: https://phab.nylas.com/D2624
2016-02-23 07:48:07 +08:00
&+.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;
}
em {
font-size: 0.9em;
opacity: 0.62;
}
feat(snooze/send-later): Add snooze and send later plugins Summary: - Add initial version of snooze and send later plugins - Tests are missing since this will probably heavily change before we are done with them Test Plan: - TODO Reviewers: drew, bengotow, evan Reviewed By: bengotow, evan Differential Revision: https://phab.nylas.com/D2578
2016-02-19 02:00:11 +08:00
}
}
Reference in a new issue Copy permalink