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
Mat Marquis
0b80c12778
Updated page transition scripting/support test to allow for Firefox.
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
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
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
fd236692ea
lowercased
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
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
scottjehl
cb151b5d9a
don't use pre transitioning class, or viewport class for this transition handler. Instead, activate page early, then scroll to desired spot, and transition in. In order to make this work, I had to add an argument to the end of the promise, letting navigation know that the page is already focused, so don't do it over again. This should make for a smooth transition from point-a to point-b, without a visible scroll jump. Needs testing!
2012-01-10 12:48:39 +07:00
scottjehl
f46135b6fd
add back viewport transitioning class
2012-01-10 12:48:39 +07:00
scottjehl
cb49d27006
don't scroll at the end. scroll halfway through instead
2012-01-10 12:48:39 +07:00
scottjehl
a73e04bf19
an attempt at simplification. not there yet...
2012-01-10 12:48:22 +07:00
scottjehl
594eb7b37c
added fade out in transition handler
2012-01-10 12:44:42 +07:00
scottjehl
9afa2eaa5e
changed filename
2012-01-10 12:43:11 +07:00
scottjehl
9aea79e744
changed plugin name to outInTransitionHandler, as the sequence has nothing to do with "fade" specifically.
2012-01-10 12:43:11 +07:00
scottjehl
10a65c9d78
brought back the height settings, and fixed a typo between addClass and removeClass
2012-01-10 12:43:11 +07:00
scottjehl
445d11c704
don't use pre transitioning class, or viewport class for this transition handler. Instead, activate page early, then scroll to desired spot, and transition in. In order to make this work, I had to add an argument to the end of the promise, letting navigation know that the page is already focused, so don't do it over again. This should make for a smooth transition from point-a to point-b, without a visible scroll jump. Needs testing!
2012-01-10 12:43:11 +07:00
scottjehl
955a37f1e8
add back viewport transitioning class
2012-01-10 12:43:10 +07:00
scottjehl
c72595c462
don't scroll at the end. scroll halfway through instead
2012-01-10 12:43:10 +07:00
scottjehl
0a267cea64
position loader fixed by default, then check if it's positioned correctly and if not, switch to an absolute positioned scheme, with updates on scroll (or scrollstop in iOS 4).
2012-01-10 12:43:10 +07:00
Todd Parker
41d63056c6
All new loader hotness
...
Created a new loader that has a circle baked into the animated gif so
there's less of a chance of artifacts in bad browsers. The edge is
chunky because it's a gif but then added 1px of padding to the loader
parent and that the border-radius can smooth this out in iOS. Actually
looks sharp in Android too because of interaction effects between these
rounded corners. Loader spin is faster and more compressed (16 colors).
Removed the body-a class on the spinner since we're just setting this to
flat black = one less gradient to render.
2012-01-10 12:43:10 +07:00
scottjehl
47bf7a9d38
an attempt at simplification. not there yet...
2012-01-10 12:43:10 +07:00
scottjehl
0a3be2ecf3
default transition type goes to fade
2012-01-10 12:43:10 +07:00
Todd Parker
dac79b5cfa
Loader design tweaks
...
Removed the spin class from the loader container, tweaked opacity and
added slight glow to bottom of loader, increased padding. Downloaded a
fresh loader image.
2012-01-10 12:43:09 +07:00
scottjehl
b820de1afc
removed code to set css3transitionhandler as the default
2012-01-10 12:43:09 +07:00
scottjehl
f5dd6fb8ea
added fade out in transition handler file
2012-01-10 12:43:09 +07:00
scottjehl
597e6bd07a
added fade out in transition handler
2012-01-10 12:40:23 +07:00
scottjehl
195d4dc47e
removed commented out line
2012-01-10 12:40:23 +07:00
scottjehl
821df23a7d
Much of the scripting in nav.js's transitionPages function was tied to the animation sequence for our css3transitionhandler. For example, the order was, scroll to top, run transitions, then scroll to the remembered location of the new page (there's more involved, but that's the gist of it). If we want to expand beyond this sequence, much of that scripting needs to move to the css3transitionhandler itself, and also to our "none" transition handler, which comes with nav model.
...
This commit moves all that logic into the transition handlers, and should provide a better starting point for adding different transition sequences, such as fade-out, scroll, fade-in.
In the process of making this change, the reFocus function was made public as $.mobile.focusPage.
2012-01-10 12:40:23 +07:00
Ghislain Seguin
42c9409660
Fixed wrong line break
2012-01-06 17:14:48 -08:00
Mat Marquis
d7afc8aa78
Added download builder metadata.
2012-01-06 19:31:31 -05:00
jblas@adobe.com
1a5224047b
Fix for issue #2933 - get_orientation() and hence getScreenHeight() doesn't work on some devices
...
It seems that some device/browser vendors use window.orientation values 0 and 180 to denote the "default" orientation. For iOS devices, and most other smart-phones tested, the default orientation is always "portrait", but in some Android and RIM based tablets, the default orientation is "landscape".
- Modified the orientationchange plugin so that it injects a landscape orientation media query into the document to figure out what the initial orientation is, it then makes adjustments to a portrait_map if necessary, so that we can properly decode the window.orientation value whenever get_orientation() is called.
2012-01-06 10:19:04 -08:00
John Bender
0b1829967d
obviate the need for stub definition of define when using vanilla /js require
2012-01-04 14:21:57 -08:00
John Bender
22504c7613
switch to explicit false check to avoid undefined issues
2012-01-04 13:14:43 -08:00
John Bender
95073892f0
Merge branch 'amd'
2012-01-04 12:24:33 -08:00
John Bender
8ea0bddccc
ensure defaultTransitionHandler is defined after the navigation has been loaded
2012-01-04 11:46:35 -08:00
John Bender
6e8433d395
ensure defaultTransitionHandler is defined after the navigation has been loaded
2012-01-04 11:38:32 -08:00
Mat Marquis
f5794cf7c8
Fixing navigation bug caused by dialog markup changes.
2012-01-04 11:27:52 -05:00
Mat Marquis
9b3aefae84
Moved .ui-dialog to element wrapping dialog header/content/footer, switched overlay non-theming class to .ui-dialog-page.
2012-01-03 18:16:29 -05:00
Mat Marquis
1ffc6b007e
Partial dialog refactor, in progress.
2012-01-03 18:16:23 -05:00
Mat Marquis
5b9ca5caf0
Ensured the hover delay only applies to touch devices, logic that was mysteriously absent from my previous commit.
2011-12-30 15:58:56 -05:00
Mat Marquis
171be28a22
Added slight delay before application of hover/down classes on touch devices, to prevent unintentional hover-ish behavior when the user intent is to scroll.
2011-12-30 15:24:46 -05:00