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
zachleat
07efc02c9f
First stab at more consistent focus classes on form elements, using .ui-focus. Links will still contain outline property.
2011-12-29 16:26:44 -05:00
Garann Means
7a0addfd8f
Corrected fix for #3262 so it doesn't prevent buttons filling available space
2011-12-27 12:00:13 -06:00
scottjehl
b3a96dc327
Merge remote branch 'origin/css-fixed' into css-fixed
2011-12-26 18:44:52 +07:00
scottjehl
10ff3dbe13
clarified distinction on overflow between pages with fixed toolbars and pages without, and removed native-fixed class (old)
2011-12-26 16:53:56 +07:00
scottjehl
d954a19a8d
removed margin overrides when overflow scrolling is in play
2011-12-26 16:32:59 +07:00
scottjehl
207264a370
removed listview margin overrides when overflow scrolling is in play.
2011-12-26 16:32:38 +07:00
scottjehl
d47dd88e0a
listview related fixed style moved to listview plugin and out of core
2011-12-26 16:30:30 +07:00
scottjehl
a00c05109b
removed old class qualification for overflow scrolling margin overrides on listviews
2011-12-26 16:04:47 +07:00
scottjehl
ef37e9fde8
z-index of buttons within fixed headers -moved to specific class
2011-12-26 16:03:30 +07:00
scottjehl
d16da24e0e
removed qualification of img { max-width: 100%; } to only fullscreen settings - now global within framework.
2011-12-26 16:01:57 +07:00
Garann Means
dde96bd026
Fix for #3262 - set max-width for header/footer buttons and title
...
Text-overflow: ellipsis already set.
2011-12-24 19:49:45 -06:00
Jake Boone
0c1bba494b
Use shorthand notation for margin
2011-12-22 11:56:50 -05:00
toddparker
2c2f830b48
More tweaks to the sliders to fit well at 320px
2011-12-21 23:36:57 -05:00
toddparker
29fdb304eb
Tweaked slider to be a bit wider
...
Checked to ensure this fits in inset lists
2011-12-21 23:14:12 -05:00
toddparker
0f36a0eefd
Merge branch 'master' of https://github.com/jquery/jquery-mobile
2011-12-21 22:48:45 -05:00
toddparker
e476ea615f
Tightened up vertical spacing for form field containers at smartphone widths
...
There was more spacing between elements than needed, this cleans it up.
2011-12-21 22:48:39 -05:00
toddparker
055e15e84f
Tweaked fieldset border rules so field contains work with this element. Fixes #2448
2011-12-21 22:40:41 -05:00
toddparker
140ee9cbba
Changed the z-index of the slider handle from 10 and 20 to 1 for both types to prevent it from running over the fixed toolbars
2011-12-21 18:14:41 -05:00
scottjehl
ba484f2e83
The ui-fixed-hidden class now switches the toolbar's positioning to "absolute" when hidden. This allows a hidden fixed toolbar to still be visible if you scroll to top. Fullscreen toolbars are hidden with a negative left value as well, so that they're entirely off screen.
2011-12-20 17:38:05 +07:00
scottjehl
103f409c47
added new script and associated styles for handling "fixed" toolbars using native support for CSS position: fixed, where possible. Non-supporting platforms will fall back to inline positioning, either by gracefully degrading on their own or by opting them out through a blacklist (fixed positioning detection's got issues...).
...
unit tests and api documentation coming next, but for the most part, the API is the same as before.
2011-12-20 17:38:05 +07:00
MaZderMind
947a9e24ec
fix position of searchbar in touchOverflow mode
2011-12-15 19:42:59 +01:00
Nicolas Bartoli
30255d1fa2
Fixed non reacting generated back buttons with touchOverflowEnabled
2011-12-12 11:00:22 -08:00
Peter
e3b58d272f
comparing somehow more with the normal mode showed, that the spacing is just 1em
2011-11-27 22:26:44 +01:00
Peter
a7303d870e
fix difference in spacing compared to classic mode
2011-11-27 22:16:18 +01:00
Peter
7e18890cd6
fix not-inset-list top position, while keeping inset-lists as they are in touchOverflow mode
2011-11-27 21:34:42 +01:00
Peter Körner
3d40a6a668
fix css in touch-overflow example
2011-11-25 16:01:13 +01:00
Mat Marquis
b4eef42e18
Fixes #3026 — Regression introduced by 01c77fa.
2011-11-16 15:25:00 -05:00
Mat Marquis
48de5f4209
Minor width tweak to slider input; prevents slider from breaking to second line at ~320px.
2011-11-14 12:17:53 -05:00
John Bender
7085843b74
moved info text to license-info.txt
2011-11-09 16:00:25 -08:00
John Bender
989f7f1542
move intro to text for css combine, js combine, and makefile use
2011-11-09 15:45:08 -08:00
Mat Marquis
2212d7428c
Merge branch 'master' of github.com:jquery/jquery-mobile
2011-11-09 18:34:17 -05:00
Mat Marquis
01c77fa9e1
Fixes #2588 — When Windows Phone 7.5 (Mango) tries to calculate a numeric opacity for a select—including “inherit”—without explicitly specifying an opacity on the parent to give it context, a bug appears where clicking elsewhere on the page after opening the select will open the select again.
2011-11-09 18:25:06 -05:00
Eddie Monge
5535e24c46
Update to add license to root, update individual files to not have license, add license to built and testing files
2011-11-08 15:43:36 -08:00
Mat Marquis
80893170ca
Additional work on #2066 — This change only applies overflow-x: hidden to body/div elements that receive the .ui-mobile-viewport class, as we can safely predict that style won’t interfere with native select funcitonality when attached to those elements. This will address the vast majority of use cases, and prevent this style from causing unpredictable Android issues in the event that the page is wrapped in an unusual element (a form, table cell, marquee tag, etc.).
2011-11-08 15:06:33 -05:00
John Bender
3503681b91
added comment for Issue #2066 special case
2011-11-02 09:30:07 -07:00
John Bender
dcf4130593
whitespace in core css
2011-11-02 09:29:38 -07:00
Mat Marquis
ab486257f7
Fixes #2066 — Select menus now open normally on Android when the page is wrapped in a form element. ♥ you, .NET.
2011-11-01 18:11:48 -04:00
Todd Parker
6264d95da2
Merge pull request #2812 from redaemn/flip-switch-improvements
...
Fix for issue #2756 - flip toggle slider animated snapping. Thanks redaemn!
2011-10-27 18:31:39 -07:00
Mat Marquis
8e6a67d3bb
Additional fix for #2842 — Missed a spot. Full-width form elements due to hidden labels no longer rely on percentage-based left/right padding.
2011-10-27 11:16:46 -04:00
Mat Marquis
26831aa66f
Fixes #2629 , fixes #2628 — Replacing ‘background: transparent’ with #fff, rgba(255,255,255,0), and an opacity filter solves this.
2011-10-26 17:57:03 -04:00
Mat Marquis
6b85cdbd99
Fixes #1077 , fixes #2683 — Reverts fixed positioning to hide .ui-collapsible-heading-status (added in commit #c94c6bf). Uses ‘top: -9999px’ to hide element in lieu of ‘left: -9999px’, so as not to trigger Firefox 7’s ellipsis bug.
2011-10-26 16:12:56 -04:00
toddparker
6a44236fb1
Fixed extra vertical padding for footers within dialogs
2011-10-26 14:03:27 -04:00
Mat Marquis
b4a3641820
Fixes #2842 , reverts change made in commit #0f81773 — percentage-based textarea/text input padding is ignored in Firefox. Current Firefox. In 2011. Submitted with comment.
2011-10-26 13:17:13 -04:00
Todd Parker
3f488e1cd6
Update to set the z-index of custom select menus to stack on top of fixed toolbars. Fixes #2799 .
2011-10-26 13:16:40 -03:00
Gabriele Rabbiosi
ee05bb5576
Fixed issue #2631 - flip toggle switch animation improved
2011-10-23 14:30:10 +02:00
Mat Marquis
ac1832a686
Fixes #1077 , somewhat mysteriously. Re-checked native selects across common devices/browsers, which seem unaffected by this change.
2011-10-21 17:14:44 -04:00
Todd Parker
2d512e1210
Merge pull request #2779 from bjohn465/unenhanced-list-icons
...
Styling ui-li-icon on enhanced lists only. Thanks bjohn465!
2011-10-20 13:55:28 -07:00
Brandon Johnson
943d2d65a8
Styling ui-li-icon on enhanced lists only
...
Fixes #2771
2011-10-20 14:22:48 -06:00
Mat Marquis
5afe2abecb
Re-applies bottom margin to dialog elements, accidentally removed in 6354bd4260.
2011-10-20 16:07:22 -04:00
Mat Marquis
95cf4873fd
Adds a little breathing room above dialogs at wider screen sizes.
2011-10-19 11:30:46 -04:00
Mat Marquis
9fbadb0247
Fixes #2729 — Sets a max-width of ~600px on dialogs (inc. full-screen selects), changes disalog width to percentage-based value.
2011-10-18 14:18:11 -04:00
Mat Marquis
32fad8378d
Hopefully, this finally fixes #518 — Custom selects now behave as expected within vertical/horizontal controlgroups. Docs have been updated accordingly.
2011-10-18 12:12:19 -04:00
Eddie Monge
bcbaa38854
2700: Step 7 Silly me kept putting instead of . Fixed that typo
2011-10-17 14:36:50 -07:00
