Commit graph

4597 commits

Author SHA1 Message Date
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
scottjehl
76664aebc1 not needed, as flip already uses fade now in the "in" transition. 2012-01-13 17:27:50 +07:00
scottjehl
86e059465a lowercased 2012-01-13 17:27:50 +07:00
scottjehl
c2733fc8e7 for non-3d browsers, use fade instead of flip 2012-01-13 17:27:50 +07:00
scottjehl
49724f94b9 woops. add it whether it's supported or not :) 2012-01-13 17:27:50 +07:00
scottjehl
cf85b4229a add class for 3d transform support 2012-01-13 17:27:50 +07:00
scottjehl
9470239581 fixed a typo in the query 2012-01-13 17:27:50 +07:00
scottjehl
1e8a7c520e Added a feature test for css 3d transforms, which will allow us to conditionally apply the flip transition (AKA cartwheel, where unsupported). 2012-01-13 17:27:50 +07:00
toddparker
d231dd71cc Updated -moz out to match 2012-01-13 17:27:50 +07:00
toddparker
d39fb83ec4 Broke out the global and in and out transition rules for asymmetric timing
Also added duplicate buttons at the booth to test scroll position
smoothness.
2012-01-13 17:27:50 +07:00
scottjehl
920738c8b9 rolled that last one back. 2012-01-13 17:27:50 +07:00
scottjehl
dbddd9dbb6 a little faster on the fades. needs cleanup later 2012-01-13 17:27:50 +07:00
scottjehl
1532f509c6 removed spin because we aren't using it no mo 2012-01-13 17:27:50 +07:00
scottjehl
b6145b5a1a updated the slide and flip handlers to use combo fade/slide/flip transitions 2012-01-13 17:27:49 +07:00
scottjehl
1e7e65a6b8 fixed up the pop out transition for outin handler 2012-01-13 17:27:49 +07:00
scottjehl
3c3448d553 added new filename to make and combiner files 2012-01-13 17:27:49 +07:00
scottjehl
c3d2e70802 changed filename 2012-01-13 17:27:49 +07:00
scottjehl
b203c266e4 changed plugin name to outInTransitionHandler, as the sequence has nothing to do with "fade" specifically. 2012-01-13 17:27:49 +07:00