search

vigetlabs / microcosm

Flux with actions at center stage. Write optimistic updates, cancel requests, and track changes with ease.
http://code.viget.com/microcosm/
MIT License
487 stars 29 forks source link

set up flip animations #472

Closed ccchwang closed 6 years ago

ccchwang commented 6 years ago

Added animation to "flip" the graphic between Microcosm and browser views.

I followed the CSS flip technique from this article.

untitled1

codecov-io commented 6 years ago

Codecov Report

Merging #472 into ch/animate-text will decrease coverage by 1.28%. The diff coverage is n/a.

Impacted file tree graph

@@                 Coverage Diff                 @@
##           ch/animate-text     #472      +/-   ##
===================================================
- Coverage            95.25%   93.97%   -1.29%     
===================================================
  Files                   29       29              
  Lines                 1033     1029       -4     
  Branches               195      197       +2     
===================================================
- Hits                   984      967      -17     
- Misses                  43       52       +9     
- Partials                 6       10       +4
Impacted Files Coverage Δ
packages/microcosm/src/domain-engine.js 79.41% <0%> (-17.65%) :arrow_down:
packages/microcosm/src/effect-engine.js 94.44% <0%> (-5.56%) :arrow_down:
packages/microcosm/src/action.js 94.01% <0%> (-5.13%) :arrow_down:
packages/microcosm/src/microcosm.js 95.28% <0%> (-3.78%) :arrow_down:
packages/microcosm/src/addons/action-form.js
packages/microcosm/src/addons/indexing.js 100% <0%> (ø)
packages/microcosm/src/history.js 87.87% <0%> (+1.51%) :arrow_up:
packages/microcosm/src/utils.js 97.26% <0%> (+2.73%) :arrow_up:
packages/microcosm/src/key-path.js 85.71% <0%> (+7.14%) :arrow_up:
packages/microcosm/src/lifecycle.js 100% <0%> (+16.66%) :arrow_up:
... and 1 more

Continue to review full report at Codecov.

Legend - Click here to learn more Δ = absolute <relative> (impact), ø = not affected, ? = missing data Powered by Codecov. Last update 3a3fbe3...0b3c34f. Read the comment docs.