scottjehl
b019e01201
updated docs to describe the maxTransitionWidth option.
2012-01-10 12:50:22 +07:00
scottjehl
69558f2cbd
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-10 12:50:22 +07:00
scottjehl
3271066c97
updated the rotate transition to move the page out of view
2012-01-10 12:50:22 +07:00
scottjehl
c39cf6e6bc
updated docs page to describe the new transition handler and how it works.
2012-01-10 12:50:21 +07:00
scottjehl
70ef725952
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-10 12:50:21 +07:00
scottjehl
22162fd5e7
removed z-index rules, no longer needed
2012-01-10 12:50:21 +07:00
scottjehl
11848a6829
z index not needed
2012-01-10 12:50:21 +07:00
scottjehl
f6ec2436b7
brought back a full flip transition for 3d supporting browsers, using 90deg pairs. Needs further testing
2012-01-10 12:50:21 +07:00
scottjehl
7341d7c9d0
whitespace
2012-01-10 12:50:21 +07:00
scottjehl
7be58bc085
removed or moved opacity rules for simpler cascade
2012-01-10 12:50:21 +07:00
scottjehl
9d2f96fc91
removed z-index rules, as pages no longer overlap in transitions
2012-01-10 12:50:21 +07:00
toddparker
74a8f2c2c3
Moved non-3D rules to the bottom to hide the ugliness
...
Rule order doesn't seem to matter because of specificity.
2012-01-10 12:50:21 +07:00
toddparker
6ddc8c0e9d
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-10 12:50:21 +07:00
toddparker
4d5e2ec437
Slide transition improvements
...
- Switched from opacity to outline for nofade
- Re-vamped the non-3D slides to eliminate blinking
2012-01-10 12:50:21 +07:00
toddparker
9531ff46f8
A few more slide tweaks, still blinky or skips frames in unpredictable ways
2012-01-10 12:50:20 +07:00
toddparker
0edc6271a5
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-10 12:50:20 +07:00
toddparker
373abd7623
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-10 12:50:20 +07:00
scottjehl
81c98eb1e1
updated description of what happens with flip on non 3d
2012-01-10 12:50:20 +07:00
scottjehl
13cdc5d7c4
added a rotate transition, just for fun.
2012-01-10 12:50:20 +07:00
scottjehl
bce5a5a33d
flipped the default timing for in and out - they were backwards
2012-01-10 12:50:06 +07:00
scottjehl
3ec1085b70
removed old comment
2012-01-10 12:50:06 +07:00
scottjehl
c0e635bf72
removed flip in rules, no longer in use
2012-01-10 12:50:06 +07:00
scottjehl
3bf147e10b
cleaned these up so only the right rules are in the right files
2012-01-10 12:50:05 +07:00
scottjehl
3fdaa38bd7
whitespace
2012-01-10 12:50:05 +07:00
scottjehl
d854f81376
moved ui-viewport-transitioning rules into here
2012-01-10 12:50:05 +07:00
scottjehl
5012030885
updated comment to credit jqTouch for original transitions ideas, though these are now quite different
2012-01-10 12:50:05 +07:00
scottjehl
9cd79a6adb
missed slide in the new transitions file split out
2012-01-10 12:50:05 +07:00
scottjehl
c37ad79ed0
updated make and concat files for new transition handler
2012-01-10 12:50:05 +07:00
scottjehl
bc2b4faf0b
renamed the new transition handler transition.js
2012-01-10 12:49:52 +07:00
scottjehl
edfafbf5d7
split transition CSS into separate files.
2012-01-10 12:49:21 +07:00
scottjehl
f31b792096
tweaked scale and duration of some flip and pop transitions
2012-01-10 12:48:58 +07:00
scottjehl
7d34652a07
dontmove is no longer in use
2012-01-10 12:48:58 +07:00
scottjehl
c471857595
not needed, as flip already uses fade now in the "in" transition.
2012-01-10 12:48:58 +07:00
scottjehl
fd236692ea
lowercased
2012-01-10 12:48:58 +07:00
scottjehl
5e0d37dfa8
for non-3d browsers, use fade instead of flip
2012-01-10 12:48:58 +07:00
scottjehl
f72eb291f6
woops. add it whether it's supported or not :)
2012-01-10 12:48:57 +07:00
scottjehl
965f7e2681
add class for 3d transform support
2012-01-10 12:48:57 +07:00
scottjehl
0cafec13bd
fixed a typo in the query
2012-01-10 12:48:57 +07:00
scottjehl
f80d855847
Added a feature test for css 3d transforms, which will allow us to conditionally apply the flip transition (AKA cartwheel, where unsupported).
2012-01-10 12:48:57 +07:00
toddparker
52c44937e7
Updated -moz out to match
2012-01-10 12:48:57 +07:00
toddparker
3b8e4cb8b6
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-10 12:48:57 +07:00
scottjehl
949b919abf
rolled that last one back.
2012-01-10 12:48:57 +07:00
scottjehl
ba2da4dac7
a little faster on the fades. needs cleanup later
2012-01-10 12:48:57 +07:00
scottjehl
44482cd79c
removed spin because we aren't using it no mo
2012-01-10 12:48:57 +07:00
scottjehl
27f81a0ef0
updated the slide and flip handlers to use combo fade/slide/flip transitions
2012-01-10 12:48:57 +07:00
scottjehl
770979698e
fixed up the pop out transition for outin handler
2012-01-10 12:48:57 +07:00
scottjehl
72fe72f772
added new filename to make and combiner files
2012-01-10 12:48:57 +07:00
scottjehl
86dfe99a1b
changed filename
2012-01-10 12:48:40 +07:00
scottjehl
42bcd90a47
changed plugin name to outInTransitionHandler, as the sequence has nothing to do with "fade" specifically.
2012-01-10 12:48:40 +07:00
scottjehl
d01da49798
brought back the height settings, and fixed a typo between addClass and removeClass
2012-01-10 12:48:40 +07:00
