Hopiu/jquery-mobile
1
0
Fork 0
mirror of https://github.com/Hopiu/jquery-mobile.git synced 2026-03-17 06:20:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
jquery-mobile/css/structure/jquery.mobile.fixedToolbar.css

44 lines
860 B
CSS
Raw Permalink Normal View History

Created a themes directory and moved all CSS and images there. Edited the PHP combiner and .htaccess logic to accommodate this change, as well as allowing manifest files to use a "../" when referencing files, which will be handy when adding themes that don't include structural files yet. Modified all HTML files to point to /themes/default for their theme.
2010-10-13 16:45:10 +00:00
/* fixed page header & footer configuration */
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-16 12:17:54 +00:00
.ui-header-fixed,
.ui-footer-fixed {
left: 0;
right: 0;
position: fixed;
Fix for "header/footer scrolls with document" problem in Issue 58.
2010-11-11 00:02:55 +00:00
z-index: 1000;
-webkit-transform: translateZ(0); /* Force header/footer rendering to go through the same rendering pipeline as native page scrolling. */
}
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-16 12:17:54 +00:00
.ui-header-fixed {
top: 0;
}
.ui-footer-fixed {
bottom: 0;
}
.ui-header-fullscreen,
.ui-footer-fullscreen {
opacity: .9;
}
.ui-page-header-fixed {
padding-top: 2.5em;
}
.ui-page-footer-fixed {
padding-bottom: 3em;
}
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-19 15:22:39 +00:00
.ui-page-header-fullscreen .ui-content,
.ui-page-footer-fullscreen .ui-content {
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-16 12:17:54 +00:00
padding: 0;
}
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-19 15:22:39 +00:00
.ui-fixed-hidden {
position: absolute;
}
.ui-page-header-fullscreen .ui-fixed-hidden,
.ui-page-footer-fullscreen .ui-fixed-hidden {
left: -99999em;
}
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-16 12:17:54 +00:00
.ui-footer-duplicate {
display: none;
removed listview margin overrides when overflow scrolling is in play.
2011-12-26 09:32:38 +00:00
}
Moved a rule to fixedToolbar.css
2012-01-17 17:06:47 +00:00
.ui-header-fixed .ui-btn,
.ui-footer-fixed .ui-btn {
z-index: 10;
}
Reference in a new issue Copy permalink