Enhancement in smartphone menu management

This commit is contained in:
Laurent Destailleur 2011-02-20 00:08:56 +00:00
parent c744f80305
commit 560ada001b
3 changed files with 20 additions and 6 deletions

View File

@ -42,21 +42,30 @@ if (empty($dolibarr_nocache)) header('Cache-Control: max-age=3600, public, must-
else header('Cache-Control: no-cache');
?>
.ui-mobile-viewport {
/*width:600px;
height:600px;
min-height: 200px;
min-width: 600px;
overflow:scroll; */
}
.landscape, .landscape .ui-page {
min-height: 300px;
}
#dol-homeheader { height: 40px; font-size: 16px; }
.ui-mobile-viewport {
margin: 0;
}
.ui-header { height: 40px; font-size: 16px; }
.ui-content {
padding-top: 0px;
padding-left: 0px;
padding-top: 1px;
padding-right: 0;
padding-bottom: 0px;
padding-left: 1px;
}
.ui-content .ui-listview {
@ -64,6 +73,7 @@ padding-bottom: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
/* overflow: scroll; */
}
.ui-mobile #dol-homeheader { padding: 10px 5px 0; text-align: center }

View File

@ -30,8 +30,15 @@ header("Content-type: text/html; charset=".$conf->file->character_set_client);
<link rel="stylesheet" href="<?php echo DOL_URL_ROOT.'/theme/phones/smartphone/theme/default/default.css.php'; ?>" />
<script type="text/javascript" src="<?php echo DOL_URL_ROOT.'/includes/jquery/js/jquery-latest.min.js'; ?>"></script>
<script type="text/javascript" src="<?php echo DOL_URL_ROOT.'/includes/jquery/mobile/jquery.mobile-latest.min.js'; ?>"></script>
</head>
<body>
<script type="text/javascript">
jQuery(document).bind("mobileinit", function(){
jQuery.mobile.defaultTransition('pop');
});
</script>
<!-- END HEADER SMARTPHONE TEMPLATE -->

View File

@ -19,9 +19,6 @@
*/
require('header.tpl.php');
?>
<script language="text/javascript">
$(window).resize( function(){ var height = $(window).height(); var width = $(window).width(); var ob = $('html'); if( width > height ) { if( ob.hasClass('portrait') ) { ob.removeClass('portrait').addClass('landscape'); } }else{ if( ob.hasClass('landscape') ) { ob.removeClass('landscape').addClass('portrait'); } } });
</script>
<div data-role="page" data-theme="b" id="dol-home">