Permalink
Browse files

Updated to jQuery Mobile 1.0, css fix and iPhone landscape bug fix

  • Loading branch information...
1 parent 79992e5 commit ee4367dad2538fa43bbe95b77f971538fda3b031 root committed Dec 13, 2011
@@ -5,7 +5,7 @@
.ui-mobile #jqm-version { text-indent: -99999px; background: url(../images/version.png) top right no-repeat; width: 119px; height: 122px; overflow: hidden; position: absolute; top: 0; right: 0; }
.ui-mobile .jqm-themeswitcher { clear: both; margin: 20px 0 -15px; }
-/*
+/*
.ui-li-thumb {
float: auto !important;
@@ -56,11 +56,15 @@
}
.ui-mobile .overview_child .ui-btn-inner {
- padding-top: 6px !important;
+ padding-top: 0px !important;
font-weight: normal;
font-size: 13px;
}
+.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li {
+ padding: .4em 15px .7em 15px;
+}
+
.ui-mobile .overview_child .ui-btn-inner .ui-icon {
display: none;
}
@@ -78,7 +82,7 @@
}
.ui-mobile .show_all_graphs {
- margin-bottom: 20px;
+ margin-bottom: 14px;
}
@@ -109,3 +113,13 @@
font-weight: inherit;
}
+.ui-btn-active a.ui-link-inherit {
+ color: #2F3E46;
+ font-weight: bold !important;
+ text-shadow: none !important;
+}
+
+.ui-btn-active {
+ border: 0 !important;
+ text-shadow: none !important;
+}
@@ -13,4 +13,14 @@ function doJump(whereTo) {
pos = $('#'+whereTo).position();
setTimeout("toppx = $('#" + whereTo + "').position()['top']; $('body').scrollTop(toppx)",100)
}
+}
+
+if (navigator.userAgent.match(/iPhone/i)) {
+ $(window).bind('orientationchange', function(event) {
+ if (window.orientation == 90 || window.orientation == -90 || window.orientation == 270) {
+ $('meta[name="viewport"]').attr('content', 'height=device-width,width=device-height,initial-scale=1.0,maximum-scale=10.0');
+ } else {
+ $('meta[name="viewport"]').attr('content', 'height=device-height,width=device-width,initial-scale=1.0,maximum-scale=1.0');
+ }
+ }).trigger('orientationchange');
}
@@ -3,11 +3,19 @@
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
- <link rel="stylesheet" href="../style.css" type="text/css" />
- <meta http-equiv="refresh" content="300" />
<title>Munin :: <TMPL_VAR ESCAPE="HTML" NAME="DOMAIN"> :: day</title>
- <meta http-equiv="content-type" content="application/xhtml+xml; charset=iso-8859-1" />
- <meta name="author" content="Auto-generated by Munin" />
+ <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
+ <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
+ <script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
+
+ <meta http-equiv="content-type" content="application/xhtml+xml; charset=iso-8859-1" />
+
+ <script src="js/munin-mobile.js"></script>
+ <link rel="stylesheet" href="css/munin-mobile.css" />
+
+ <meta name="author" content="Auto-generated by Munin (mobile)" />
+ <meta name="viewport" content="height=device-height,width=device-width,initial-scale=1.0,maximum-scale=1.0" >
+
</head>
<body>
comparison-day.tmpl
@@ -3,11 +3,19 @@
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
- <link rel="stylesheet" href="../style.css" type="text/css" />
- <meta http-equiv="refresh" content="300" />
<title>Munin :: <TMPL_VAR ESCAPE="HTML" NAME="DOMAIN"> :: month</title>
- <meta http-equiv="content-type" content="application/xhtml+xml; charset=iso-8859-1" />
- <meta name="author" content="Auto-generated by Munin" />
+ <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
+ <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
+ <script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
+
+ <meta http-equiv="content-type" content="application/xhtml+xml; charset=iso-8859-1" />
+
+ <script src="js/munin-mobile.js"></script>
+ <link rel="stylesheet" href="css/munin-mobile.css" />
+
+ <meta name="author" content="Auto-generated by Munin (mobile)" />
+ <meta name="viewport" content="height=device-height,width=device-width,initial-scale=1.0,maximum-scale=1.0" >
+
</head>
<body>
comparison-month.tmpl
@@ -3,11 +3,19 @@
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
- <link rel="stylesheet" href="../style.css" type="text/css" />
- <meta http-equiv="refresh" content="300" />
<title>Munin :: <TMPL_VAR ESCAPE="HTML" NAME="DOMAIN"> :: week</title>
- <meta http-equiv="content-type" content="application/xhtml+xml; charset=iso-8859-1" />
- <meta name="author" content="Auto-generated by Munin" />
+ <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
+ <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
+ <script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
+
+ <meta http-equiv="content-type" content="application/xhtml+xml; charset=iso-8859-1" />
+
+ <script src="js/munin-mobile.js"></script>
+ <link rel="stylesheet" href="css/munin-mobile.css" />
+
+ <meta name="author" content="Auto-generated by Munin (mobile)" />
+ <meta name="viewport" content="height=device-height,width=device-width,initial-scale=1.0,maximum-scale=1.0" >
+
</head>
<body>
comparison-week.tmpl
@@ -3,11 +3,19 @@
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
- <link rel="stylesheet" href="../style.css" type="text/css" />
- <meta http-equiv="refresh" content="300" />
<title>Munin :: <TMPL_VAR ESCAPE="HTML" NAME="DOMAIN"> :: year</title>
- <meta http-equiv="content-type" content="application/xhtml+xml; charset=iso-8859-1" />
- <meta name="author" content="Auto-generated by Munin" />
+ <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
+ <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
+ <script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
+
+ <meta http-equiv="content-type" content="application/xhtml+xml; charset=iso-8859-1" />
+
+ <script src="js/munin-mobile.js"></script>
+ <link rel="stylesheet" href="css/munin-mobile.css" />
+
+ <meta name="author" content="Auto-generated by Munin (mobile)" />
+ <meta name="viewport" content="height=device-height,width=device-width,initial-scale=1.0,maximum-scale=1.0" >
+
</head>
<body>
comparison-yer.tmpl
@@ -2,15 +2,18 @@
<html>
<head>
<title><TMPL_VAR NAME="DOMAIN"></title>
- <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css" />
- <script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
- <script src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script>
- <script src="js/munin-mobile.js"></script>
- <link rel="stylesheet" href="css/munin-mobile.css" />
+ <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
+ <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
+ <script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=iso-8859-1" />
+
+ <script src="js/munin-mobile.js"></script>
+ <link rel="stylesheet" href="css/munin-mobile.css" />
+
<meta name="author" content="Auto-generated by Munin (mobile)" />
- <!-- <meta http-equiv="refresh" content="300" /> -->
+ <meta name="viewport" content="height=device-height,width=device-width,initial-scale=1.0,maximum-scale=1.0" >
+
</head>
<body>
<div data-role="page" data-theme="b">
@@ -2,16 +2,21 @@
<html>
<head>
<title><TMPL_VAR ESCAPE="HTML" NAME="NODE"></title>
- <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css" />
- <script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
- <script src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script>
- <script src="js/munin-mobile.js"></script>
- <link rel="stylesheet" href="css/munin-mobile.css" />
- <meta http-equiv="content-type" content="application/xhtml+xml; charset=iso-8859-1" />
- <meta name="author" content="Auto-generated by Munin" />
+ <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
+ <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
+ <script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
+
+ <meta http-equiv="content-type" content="application/xhtml+xml; charset=iso-8859-1" />
+
+ <script src="../js/munin-mobile.js"></script>
+ <link rel="stylesheet" href="../css/munin-mobile.css" />
+
+ <meta name="author" content="Auto-generated by Munin (mobile)" />
+ <meta name="viewport" content="height=device-height,width=device-width,initial-scale=1.0,maximum-scale=1.0" >
+
</head>
<body>
-
+ <!-- munin-nodeview.tmpl -->
<div data-role="page">
<div data-role="header">
@@ -2,18 +2,25 @@
<html>
<head>
<title>Munin :: overview</title>
- <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css" />
- <script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
- <script src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script>
+
+ <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
+ <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
+ <script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
+
+ <meta http-equiv="content-type" content="application/xhtml+xml; charset=iso-8859-1" />
+
<script src="js/munin-mobile.js"></script>
<link rel="stylesheet" href="css/munin-mobile.css" />
- <meta http-equiv="content-type" content="application/xhtml+xml; charset=iso-8859-1" />
<meta name="author" content="Auto-generated by Munin (mobile)" />
+ <meta name="viewport" content="height=device-height,width=device-width,initial-scale=1.0,maximum-scale=1.0" >
+
<!-- <meta http-equiv="refresh" content="300" /> -->
<title>Munin :: overview</title>
</head>
<body>
+ <!-- munin-overview.tmpl -->
+
<div data-role="page" data-theme="b" id="jqm-home">
<div id="jqm-homeheader">
<p>Munin Mobile</p>
@@ -2,18 +2,19 @@
<html>
<head>
<title><TMPL_VAR ESCAPE="HTML" NAME="SERVICE"> (<TMPL_VAR NAME="NODE">)</title>
- <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css" />
- <script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
- <script src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script>
- <script src="js/munin-mobile.js"></script>
- <link rel="stylesheet" href="css/munin-mobile.css" />
+ <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
+ <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
+ <script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
+
+ <script src="../js/munin-mobile.js"></script>
+ <link rel="stylesheet" href="../css/munin-mobile.css" />
<meta http-equiv="content-type" content="application/xhtml+xml; charset=iso-8859-1" />
<meta name="author" content="Auto-generated by Munin" />
</head>
<body>
-
+ <!-- munin-serviceview.tmpl -->
<div data-role="page">
<div data-role="header">

0 comments on commit ee4367d

Please sign in to comment.