Skip to content

B
bootstrap
Commit a134491f authored by Chris Rebert's avatar Chris Rebert
Browse files
Options

add togglable scrollbar-inducing content to Modal visual test

parent 6ddb8c2d
Hide whitespace changes
Inline Side-by-side
Showing with 18 additions and 0 deletions
js/tests/visual/modal.html
View file @ a134491f
...@@ -13,6 +13,15 @@ ...@@ -13,6 +13,15 @@
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]--> <![endif]-->
<style>
#tall {
height: 1500px;
width: 100px;
background-color: black;
color: white;
}
</style>
</head> </head>
<body> <body>
...@@ -122,6 +131,12 @@ ...@@ -122,6 +131,12 @@
Launch demo modal Launch demo modal
</button> </button>
<button id="tall-toggle" class="btn btn-default">Toggle tall &lt;body&gt; content</button>
<br><br>
<div id="tall" style="display: none;">
Tall body content to force the page to have a scrollbar.
</div>
</div> </div>
<!-- JavaScript Includes --> <!-- JavaScript Includes -->
...@@ -137,6 +152,9 @@ ...@@ -137,6 +152,9 @@
$(function () { $(function () {
$('.js-popover').popover() $('.js-popover').popover()
$('.js-tooltip').tooltip() $('.js-tooltip').tooltip()
$('#tall-toggle').click(function () {
$('#tall').toggle()
})
}) })
</script> </script>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment