Permalink
Browse files

distinguish between apps with native menu and html menu

this removes the large gap at the bottom we sometimes see on
android
  • Loading branch information...
1 parent d6db271 commit f47d89d21854dcf8b4d17133dfed2d6d72f6fc2a @jdlrobson jdlrobson committed with Apr 17, 2012
Showing with 19 additions and 3 deletions.
  1. +17 −2 assets/www/app.css
  2. +1 −1 assets/www/index.html
  3. +1 −0 assets/www/js/menu.js
View
@@ -108,9 +108,12 @@ header {
bottom: 52px;
}
+.nativeMenu #content.scroller {
+ bottom: 0;
+}
+
#main {
padding: 8px;
- margin-bottom: 52px;
}
.listItemContainer {
@@ -272,10 +275,18 @@ button#search
visibility: hidden;
}
+#about-page-content,
+#main,
#searchresults .scroller {
margin-bottom: 52px;
}
+.nativeMenu #main,
+.nativeMenu #about-page-content,
+.nativeMenu #searchresults .scroller {
+ margin-bottom: 0;
+}
+
.badscroll #clearSearch {
position:fixed;
}
@@ -455,7 +466,6 @@ body[dir=rtl] #settingsList .item select {
#about-page-content {
text-align: center;
- margin-bottom: 52px;
}
#about-version {
@@ -602,6 +612,11 @@ body[dir=rtl] #settingsList .item select {
#content.scroller {
bottom: 0px;
}
+ #about-page-content,
+ #main,
+ #searchresults .scroller {
+ margin-bottom: 0;
+ }
.goodscroll #content {
position: absolute;
width: auto;
@@ -53,7 +53,7 @@
</head>
-<body onload="init();" class="togglingEnabled">
+<body onload="init();" class="togglingEnabled nativeMenu">
<div id="templates">
<script type="text/html" id="settings-page-template">
@@ -96,6 +96,7 @@ var menu_items = [
];
function updateMenuState() {
+ $('body').removeClass('nativeMenu');
$('#menu').remove();
var $menu = $('<div>');
$menu

0 comments on commit f47d89d

Please sign in to comment.