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