diff options
| author | Chris Rebert <code@rebertia.com> | 2015-03-07 17:40:57 +0300 |
|---|---|---|
| committer | Chris Rebert <code@rebertia.com> | 2015-03-07 17:40:57 +0300 |
| commit | a134491fe5d30af67ccabb432a7d303ee5f0c71d (patch) | |
| tree | 0462cf5e04b15e82ad6589269d05faa33ae7b9d6 /js/tests/visual/modal.html | |
| parent | 6ddb8c2dd7535fc1a6e7eec97e9ae2236c680a3c (diff) | |
add togglable scrollbar-inducing content to Modal visual test
Diffstat (limited to 'js/tests/visual/modal.html')
| -rw-r--r-- | js/tests/visual/modal.html | 18 |
1 files changed, 18 insertions, 0 deletions
diff --git a/js/tests/visual/modal.html b/js/tests/visual/modal.html index 78b1a6aeb6..aee4d7893d 100644 --- a/js/tests/visual/modal.html +++ b/js/tests/visual/modal.html @@ -13,6 +13,15 @@ <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> <![endif]--> + + <style> + #tall { + height: 1500px; + width: 100px; + background-color: black; + color: white; + } + </style> </head> <body> @@ -122,6 +131,12 @@ Launch demo modal </button> + <button id="tall-toggle" class="btn btn-default">Toggle tall <body> content</button> + <br><br> + <div id="tall" style="display: none;"> + Tall body content to force the page to have a scrollbar. + </div> + </div> <!-- JavaScript Includes --> @@ -137,6 +152,9 @@ $(function () { $('.js-popover').popover() $('.js-tooltip').tooltip() + $('#tall-toggle').click(function () { + $('#tall').toggle() + }) }) </script> |