scottjehl
e4d7ff92e8
special case for dialogs - the theme class will apply to the page container when a dialog is shown, and that class will be removed when the dialog is hidden. This allows the transition to appear to affect only the inset window portion of the dialog page.
2012-01-11 10:01:47 +07:00
Todd Parker
68216bbd79
Missing a 0, thanks @agcolom!
2012-01-10 17:00:11 -05:00
Mat Marquis
1f5449e552
Added page turning transition.
2012-01-10 14:10:45 -05:00
Mat Marquis
8567dd6b07
Fixed theme CSS inclusion on docs index.
2012-01-10 12:31:19 -05:00
Chetan K Jain
b07f347787
fixes #3400
2012-01-10 12:31:19 -05:00
Ghislain Seguin
92fd8f663c
Fixes #3394 - jquery.mobile.init was not being included in the built bundle
2012-01-10 12:31:18 -05:00
toddparker
d7f9cee654
Removed setDefaultTransition in docs.js
...
This isn't needed anymore.
2012-01-10 11:27:24 -05:00
toddparker
a2145cb2b5
Added docs to cover the new transitions
2012-01-10 11:15:19 -05:00
toddparker
3da8b6e245
Whitespace
2012-01-10 10:31:36 -05:00
toddparker
fab717a459
Added in drop shadow on pages in "flow" transition, adjusted timing to be longer
2012-01-10 10:29:04 -05:00
scottjehl
e35327c894
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-10 17:30:28 +07:00
scottjehl
67aec832cb
removed old commented out code
2012-01-10 14:07:07 +07:00
scottjehl
6e2f1cd64f
moved the hide loader call back to nav again
2012-01-10 14:06:24 +07:00
scottjehl
679a46dbf0
even when stubbing out the function for testing, this $.fn needs to return this (it's relied upon for chaining in nav)
2012-01-10 13:23:55 +07:00
scottjehl
7e0de23e61
added reference to flow transition fallback
2012-01-10 13:00:55 +07:00
scottjehl
4f570f3095
one too many transition js refs
2012-01-10 12:59:24 +07:00
scottjehl
c09c767bd5
added fallback transition for flow
2012-01-10 12:51:27 +07:00
scottjehl
8d0c2402ca
better check for supporting fallback
2012-01-10 12:51:27 +07:00
scottjehl
75d0d95bea
pulled out the 3D madness
2012-01-10 12:51:27 +07:00
scottjehl
a7e15820d8
changed up the timing and origin
2012-01-10 12:51:05 +07:00
scottjehl
8f5e263bd8
added an experimental 3D transition, "flow"
2012-01-10 12:51:05 +07:00
scottjehl
ffa23bc137
removed rotate transition from concat files and docs
2012-01-10 12:50:53 +07:00
scottjehl
d1edb4f98c
better comment
2012-01-10 12:50:44 +07:00
scottjehl
0dd88f4f88
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-10 12:50:44 +07:00
scottjehl
fd700aaa15
removed the experimental rotate transition
2012-01-10 12:50:33 +07:00
scottjehl
40d9fa978a
split the slide transitions into 3 files for slide, slidedown, and slideup
2012-01-10 12:50:33 +07:00
scottjehl
86e9c9df68
removed fallback transition CSS for non-3D browsers
2012-01-10 12:50:22 +07:00
Mat Marquis
0b80c12778
Updated page transition scripting/support test to allow for Firefox.
2012-01-10 12:50:22 +07:00
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
