Mailspring/internal_packages/notifications
Mark Hahnenberg aa384567f0 [perf] Fix CSS animation for ellipses in "Syncing your mailbox"
Summary:
This animation was changing the width of the after pseudoelement, which was
causing a lot of repainting and layout to occur in the very bottom corner of
the screen. This in turn caused an idle window to use 50-70% CPU all the
time during initial sync. The fix is to change the after element to three
spans and modify the animation to alter their opacity which avoids having to
do style and layout reflows due to width changes. It also looks slightly cooler
IMHO :-) An idle main window now sits around 8% CPU on my laptop.

Test Plan: Run locally, verify that CPU is lower.

Reviewers: evan, juan

Reviewed By: juan

Subscribers: halla

Differential Revision: https://phab.nylas.com/D3810
2017-01-30 13:43:12 -08:00
..
assets fix(trial): Move”days left” bar to the sidebar, new design 2016-09-19 17:21:55 -07:00
lib [perf] Fix CSS animation for ellipses in "Syncing your mailbox" 2017-01-30 13:43:12 -08:00
spec refactor(account): remove unused accont refresh methods 2017-01-25 10:12:09 -05:00
stylesheets [perf] Fix CSS animation for ellipses in "Syncing your mailbox" 2017-01-30 13:43:12 -08:00
package.json deps(*): Lift deps out of packages for simpler install / better deduping 2016-11-09 14:24:10 -08:00