Commit graph

92 commits

Author SHA1 Message Date
scottjehl
ffa23bc137 removed rotate transition from concat files and docs 2012-01-10 12:50:53 +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
scottjehl
3271066c97 updated the rotate transition to move the page out of view 2012-01-10 12:50:22 +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
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
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
5e0d37dfa8 for non-3d browsers, use fade instead of flip 2012-01-10 12:48:58 +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
Todd Parker
71a84e8c62 Add -moz prefixes for initial cut at Firefox transition support 2012-01-10 12:43:11 +07:00
Todd Parker
ae0ad6ff8a Shorter fade out (150ms) and fade in (300ms) for speedier transitions. 2012-01-10 12:43:11 +07:00
scottjehl
1bae528dc0 no need for pre-transition class 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
Todd Parker
8c4bc2fad8 More loader tweaks 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
12c5da43a8 gif loader style updates 2012-01-10 12:43:09 +07:00
scottjehl
0bfacce751 hard-set opacity for "out" to prevent blinks 2012-01-10 12:43:09 +07:00
Mat Marquis
a502b0d831 Applied top margin to dialog headers rather than .ui-dialog, as the latter was breaking content-only dialogs meant to align with the top of the viewport. 2012-01-03 18:16:35 -05:00
Mat Marquis
1ffc6b007e Partial dialog refactor, in progress. 2012-01-03 18:16:23 -05:00
Mat Marquis
bb2a578d6e Merge pull request #3278 from MaZderMind/fix-touchOverflow-with-lists
fix position of searchbar in touchOverflow mode
2011-12-30 10:42:16 -08:00