scottjehl
2600aa9eb7
rewrote the transitions test suite and handlers to account for our new sequence. The main difference is most tests are async now, and use two functions: onFromComplete and onToComplete to test conditions before each page's animationComplete handler finishes (while animation classes are still present, for instance). onToComplete must call start() so that pages stay in proper sequences, as fromComplete may not always run depending on pages in play, and it's only halfway done in the trans.Needs more tests now!
2012-01-13 17:27:55 +07:00
scottjehl
2ba3842997
removed old commented out code
2012-01-13 17:27:55 +07:00
scottjehl
56af997812
moved the hide loader call back to nav again
2012-01-13 17:27:54 +07:00
scottjehl
abe0571b73
even when stubbing out the function for testing, this $.fn needs to return this (it's relied upon for chaining in nav)
2012-01-13 17:27:54 +07:00
scottjehl
da9cbcf162
added reference to flow transition fallback
2012-01-13 17:27:54 +07:00
scottjehl
df35552be6
one too many transition js refs
2012-01-13 17:27:54 +07:00
scottjehl
f2e4aa525f
added fallback transition for flow
2012-01-13 17:27:54 +07:00
scottjehl
b742b97441
better check for supporting fallback
2012-01-13 17:27:54 +07:00
scottjehl
2520307036
pulled out the 3D madness
2012-01-13 17:27:54 +07:00
scottjehl
5e862b60ba
changed up the timing and origin
2012-01-13 17:27:54 +07:00
scottjehl
43b5537d5b
added an experimental 3D transition, "flow"
2012-01-13 17:27:54 +07:00
scottjehl
af02f7e589
removed rotate transition from concat files and docs
2012-01-13 17:27:54 +07:00
scottjehl
9bfa7d2de1
better comment
2012-01-13 17:27:54 +07:00
scottjehl
a3e776297e
implemented fallback transition definitions for non-3D-supporting browsers, for all transitions except "fade". By default, these are all set to fall back to "fade", and they'll fall back to "none" if 3D is unsupported and no fallback is defined. They can be overridden at mobileinit, like any other jQM default.
2012-01-13 17:27:53 +07:00
scottjehl
a237c5f2e1
removed the experimental rotate transition
2012-01-13 17:27:53 +07:00
scottjehl
984edf8cc7
split the slide transitions into 3 files for slide, slidedown, and slideup
2012-01-13 17:27:53 +07:00
scottjehl
dbd03bf0df
removed fallback transition CSS for non-3D browsers
2012-01-13 17:27:53 +07:00
Mat Marquis
2f088cb2e3
Updated page transition scripting/support test to allow for Firefox.
2012-01-13 17:27:53 +07:00
scottjehl
57c6b968cd
updated docs to describe the maxTransitionWidth option.
2012-01-13 17:27:53 +07:00
scottjehl
518e3ce8cd
Added a new core option called maxTransitionWidth, which defaults to 1000. Accepts any number or false value. If it's not false, the handler will use a "none" transition when the window width is wider than the specified value. This is useful because transitions get very wonky on wider screens.
2012-01-13 17:27:53 +07:00
scottjehl
a0c67fa026
updated the rotate transition to move the page out of view
2012-01-13 17:27:53 +07:00
scottjehl
58d285a4a7
updated docs page to describe the new transition handler and how it works.
2012-01-13 17:27:53 +07:00
scottjehl
f40caba625
removed "none" transition handler from Nav.js. Updated the new out-in transition handler so that it supports "none" transitions in addition to our new default css3 animation sequence. The new transition handler is set as the default, and available publicly as $.mobile.defaultTransitionHandler and $.mobile.transitionHandlers["default"].
2012-01-13 17:27:53 +07:00
scottjehl
91709b4167
removed z-index rules, no longer needed
2012-01-13 17:27:53 +07:00
scottjehl
1f7d8ac7b6
z index not needed
2012-01-13 17:27:53 +07:00
scottjehl
34427cfb9d
brought back a full flip transition for 3d supporting browsers, using 90deg pairs. Needs further testing
2012-01-13 17:27:52 +07:00
scottjehl
f5ffe7540d
whitespace
2012-01-13 17:27:52 +07:00
scottjehl
5bf6728a65
removed or moved opacity rules for simpler cascade
2012-01-13 17:27:52 +07:00
scottjehl
93c1efe143
removed z-index rules, as pages no longer overlap in transitions
2012-01-13 17:27:52 +07:00
toddparker
21c53b646f
Moved non-3D rules to the bottom to hide the ugliness
...
Rule order doesn't seem to matter because of specificity.
2012-01-13 17:27:52 +07:00
toddparker
7dcce519f7
First cut at making pop work for non-3D browsers. Still rough, but works.
...
I had to create a new set of basic keyframes for non-3D because we had
opacity baked into our keyframes. As an upside, I could tweak the scale
factor differently between Android (0 > 1) and 3D (0.8 > 1).
2012-01-13 17:27:52 +07:00
toddparker
33b8cb67e0
Slide transition improvements
...
- Switched from opacity to outline for nofade
- Re-vamped the non-3D slides to eliminate blinking
2012-01-13 17:27:52 +07:00
toddparker
c152cc16d9
A few more slide tweaks, still blinky or skips frames in unpredictable ways
2012-01-13 17:27:52 +07:00
toddparker
0675e15233
Added "nofade" transition, slide/up/down for non-3D devices
...
- Introduced a class (nofade) which is similar to dontmove for
overwriting the fade in/out classes. We're not scoping all classes to
with supported or not like in flip so we need to negate the fade rules
with a new animation
- Added a selector block at the top to lengthen all slide animations to
300ms to reduce blinkiness on Android. Shorter caused animations to
break out of sequence. Needs refinement on timing.
- Added rules to apply the "nofade" classes to the replace the fade
in/out animations for non-3D browsers. Had to set the duration equal to
the slide animations to keep it all in sync.
2012-01-13 17:27:52 +07:00
toddparker
7e9203bcfe
Re-org file, scoped all flip rules to the 3d supported class to avoid android seeing these
...
Cleaned up unsupported rules, added to top of file - needed both fade
in and out rules
2012-01-13 17:27:52 +07:00
scottjehl
e0a630103b
updated description of what happens with flip on non 3d
2012-01-13 17:27:52 +07:00
scottjehl
af7a8355dc
added a rotate transition, just for fun.
2012-01-13 17:27:52 +07:00
scottjehl
d6a44fcce9
flipped the default timing for in and out - they were backwards
2012-01-13 17:27:52 +07:00
scottjehl
43f113dd78
removed old comment
2012-01-13 17:27:51 +07:00
scottjehl
73ea93df11
removed flip in rules, no longer in use
2012-01-13 17:27:51 +07:00
scottjehl
5d3468b5cd
cleaned these up so only the right rules are in the right files
2012-01-13 17:27:51 +07:00
scottjehl
dcd1fef137
whitespace
2012-01-13 17:27:51 +07:00
scottjehl
5776196fea
moved ui-viewport-transitioning rules into here
2012-01-13 17:27:51 +07:00
scottjehl
a1b2d9433e
updated comment to credit jqTouch for original transitions ideas, though these are now quite different
2012-01-13 17:27:51 +07:00
scottjehl
bdcaa0ab23
missed slide in the new transitions file split out
2012-01-13 17:27:51 +07:00
scottjehl
a7dafba9fd
updated make and concat files for new transition handler
2012-01-13 17:27:51 +07:00
scottjehl
76042018ff
renamed the new transition handler transition.js
2012-01-13 17:27:51 +07:00
scottjehl
5a4f16d08a
split transition CSS into separate files.
2012-01-13 17:27:51 +07:00
scottjehl
296b739521
tweaked scale and duration of some flip and pop transitions
2012-01-13 17:27:51 +07:00
scottjehl
a6b23b15be
dontmove is no longer in use
2012-01-13 17:27:50 +07:00
