Commit graph

407 commits

Author SHA1 Message Date
Tyler Benziger
8520cc015c gradient syntax fix 2012-01-13 17:25:47 +07:00
Jake Boone
bd1fa8a67f Use shorthand notation for margin 2012-01-13 17:25:45 +07:00
Tyler Benziger
09c0b6214b Gradient syntax fixed 2012-01-13 17:25:45 +07:00
toddparker
f0744317c0 More tweaks to the sliders to fit well at 320px 2012-01-13 17:25:45 +07:00
toddparker
0c0d7e4e6d Tweaked slider to be a bit wider
Checked to ensure this fits in inset lists
2012-01-13 17:24:55 +07:00
toddparker
ba1a6f74a9 Tightened up vertical spacing for form field containers at smartphone widths
There was more spacing between elements than needed, this cleans it up.
2012-01-13 17:24:55 +07:00
toddparker
201d3062be Tweaked fieldset border rules so field contains work with this element. Fixes #2448 2012-01-13 17:24:55 +07:00
Ghislain Seguin
49a42f376c Added @import to replace index.php 2012-01-13 17:20:24 +07:00
Ghislain Seguin
ad1653c7f4 Use @imports instead of the PHP combine, r.js will take care of optimization 2012-01-13 17:20:24 +07:00
Ghislain Seguin
7e7b1b63f1 Finished merging branch 'out-in-transition', I had trailing commas in there instead of semi-colons 2012-01-12 10:09:25 -08:00
Ghislain Seguin
9e935c31f6 Merge branch 'out-in-transition'
Conflicts:
	css/structure/index.php
	docs/_assets/js/jqm-docs.js
	index.html
2012-01-12 09:56:48 -08:00
scottjehl
a83727e4be combined redundant syntax 2012-01-12 21:41:54 +07:00
scottjehl
2cd994b2e8 added the timing durations to the transitions themselves 2012-01-12 21:41:39 +07:00
scottjehl
32350a813a fixed some typos where webkit needed to be moz 2012-01-12 21:38:25 +07:00
scottjehl
70670bc344 fix up dialog presentation - headers were busted 2012-01-12 21:26:41 +07:00
scottjehl
6cd1adc528 no bg image/gradient on ui-overlay 2012-01-12 21:26:27 +07:00
scottjehl
155adc14c1 CSS for ui-overlay-x applies to container now too - removed double class 2012-01-12 12:27:14 +07:00
Mat Marquis
6db136ff12 Merge branch 'out-in-transition' of github.com:jquery/jquery-mobile into out-in-transition 2012-01-11 18:04:17 -05:00
Mat Marquis
f7d59da646 Updated 3d transform test to accomodate FF10. 2012-01-11 16:28:08 -05:00
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
Ghislain Seguin
d47b6ba6c9 Removed as this is done through @import statements now 2012-01-10 14:34:59 -08:00
Ghislain Seguin
19bcd5a250 Have index.php serve the right file, this is deprecated and should be removed before 1.1 release 2012-01-10 14:32:48 -08:00
Ghislain Seguin
ee1d1f2670 Ported 148cb09132 to valencia theme 2012-01-10 14:31:27 -08:00
Mat Marquis
148cb09132 Updated docs’ CSS to use new @import scheme. 2012-01-10 16:35:51 -05:00
Mat Marquis
bac53cf151 Single CSS concat file using @import, rather than the PHP concat. 2012-01-10 16:35:50 -05:00
Mat Marquis
1f5449e552 Added page turning transition. 2012-01-10 14:10:45 -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
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
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
scottjehl
80b5cad7b8 removed unused image 2012-01-10 12:48:22 +07:00
Todd Parker
ac94b063b0 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:48:05 +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
Todd Parker
cbcc523e64 Faster spinner animation
Was 4ms per frame, now 3ms.
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
scottjehl
19941f8e9f removed unused image 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
9a410f57fa gif loader styles 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
scottjehl
bcf8746d77 gif-based loader animation 2012-01-10 12:40:23 +07:00
Todd Parker
69983f7907 Merge pull request #3365 from fredefl/master
Fixed a typo and optimized images even more.
2012-01-07 15:23:04 -08:00
John Bender
95073892f0 Merge branch 'amd' 2012-01-04 12:24:33 -08: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
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
Frederik Lassen
1ae23973f0 Optimized the images even more. (Using ScriptPNG) 2012-01-01 23:17:53 +01: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
Todd Parker
f57072fa7b Merge pull request #3326 from TylerBenziger/master
Gradient Syntax Fix
2011-12-29 15:16:25 -08:00
zachleat
c4191d9bf6 Fix for browsers with JavaScript but without box-shadow enabled. outline: 0; outline-width: 2px; doesn't work, requires an outline-style to be set. 2011-12-29 16:26:45 -05:00
zachleat
328bbec94a Per @toddparker's comment, added boxshadow to link buttons. Also changed focus class on sliders to add to the handle, while excluding the toggle switch. 2011-12-29 16:26:45 -05: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
Tyler Benziger
297b6f3a78 gradient syntax fix 2011-12-22 22:51:30 -08:00
Tyler Benziger
5c7c7932a2 gradient syntax fix 2011-12-22 22:49:10 -08:00
Jake Boone
0c1bba494b Use shorthand notation for margin 2011-12-22 11:56:50 -05:00
Tyler Benziger
0c13d8a81a Gradient syntax fixed 2011-12-21 23:30:46 -08: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
Ghislain Seguin
e4bf0b1a8e Merge remote branch 'upstream/master' into amd
Conflicts:
	js/jquery.mobile.hashchange.js
2011-12-15 23:31:35 -08: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
Ghislain Seguin
84ad0153f5 Added @import to replace index.php 2011-12-01 17:28:09 -08:00
Ghislain Seguin
b32facdd1d Use @imports instead of the PHP combine, r.js will take care of optimization 2011-12-01 17:28:08 -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
tichou
5460ae3a4f Optmised png images for both Default and Valencia themes 2011-11-17 22:56:23 +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
toddparker
b90eab4935 New black icon sprites based on the white version
Copied the 18 and 36px white icon and flipped it to black to ensure
that these are identical. Cleaned up antialiasing issues on the black
icons too. Added to valencia and default themes.
2011-11-13 23:08:04 -05:00
toddparker
581c4224a2 Updated 18px black icons sprite to match the latest white version 2011-11-13 22:41:52 -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
TylerBenziger
a1097b32a2 Whitespace fix for jquery.mobile.theme.css 2011-11-07 10:00:39 -08:00
Ghislain Seguin
26c48c8c6c Fix for #2871: Added overlayTheme option to dialog widget 2011-11-04 22:34:58 -07: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
Masataka Yakura
8d0ca03161 remove "top" from gradient syntax for byte savings and spec compliance 2011-10-29 16:33:53 +09: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
Todd Parker
fde88b2ec3 Merge pull request #2844 from samatjain/png-opt
Losslessly minimize themes’ PNGs. Thanks samatjain!
2011-10-27 17:48:44 -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
bc97aa6532 Switched font-family TR tokens to /*{global-font-family}*/;
This makes all swatch fonts adhere to the global font family set in
ThemeRoller. This can be manually edited to further customize the
theme, but we're simplifying the TR UI.
2011-10-26 14:09:41 -04:00
toddparker
6a44236fb1 Fixed extra vertical padding for footers within dialogs 2011-10-26 14:03:27 -04:00