Vclick: Fixed height of example in iframe to avoid scrolling

agcolom · apsdehal · commit 5f89681ba7e4 · 2018-02-21T00:38:12.000-05:00
Closes gh-350
diff --git a/resources/vclick/example1.html b/resources/vclick/example1.html
@@ -1,21 +1,40 @@
 <!doctype html>
 <html lang="en">
 <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>hashtag demo</title>
-    <link rel="stylesheet" href="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>hashtag demo</title>
+	<link rel="stylesheet" href="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
 	<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
 	<script src="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
+	<style>
+	html,
+	body {
+		padding: 0;
+		margin: 0;
+	}
+	html,
+	.ui-mobile,
+	.ui-mobile body {
+		height: 85px;
+	}
+	.ui-mobile,
+	.ui-mobile .ui-page {
+		min-height: 85px;
+	}
+	.ui-content {
+		padding:10px 15px 0px 15px;
+	}
+	</style>
 </head>
 <body>
-    <p>Touch here to see what happens.</p>
-    <script>
-        $( function(){
-          $( document ).on( "vclick", "p", function(){
-            $( this ).append( '<span style="color:#108040;"> vclick fired...</span>' );
-          });
-        });
-    </script>
+<p>Touch here to see what happens.</p>
+<script>
+$( function() {
+	$( document ).on( "vclick", "p", function() {
+	$( this ).append( "<span style='color:#108040;'> vclick fired...</span>" );
+});
+});
+</script>
 </body>
 </html>
