Foundry376/Mailspring
1
1
Fork 0
mirror of https://github.com/Foundry376/Mailspring.git synced 2024-09-21 15:56:10 +08:00
Code Issues Packages Projects Releases Wiki Activity

💄(snooze): Fix swipe-to-snooze animation

Browse source
This commit is contained in:
Ben Gotow 2016-02-24 16:44:16 -08:00
parent fb335c332b
commit f083818c92
1 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
internal_packages/thread-list/stylesheets/thread-list.less
View file

@ -105,17 +105,19 @@
}
}
&.swipe-snooze {
transition: background-color linear 150ms;
background-color: mix(#8d6be3, @background-primary, 75%);
&::after {
transition: right linear 150ms, transform linear 150ms;
content: "Snooze";
left: 0;
right: 0;
background-image: url(../static/images/swipe/icon-swipe-snooze@2x.png);
}
&.confirmed {
background-color: #8d6be3;
&::after {
left: 100%;
transform: translateX(-100%);
right: 100%;
transform: translateX(100%);
opacity: 1;
}
}