diff options
| author | Mark Otto <[email protected]> | 2012-01-28 00:39:22 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2012-01-28 00:39:22 -0800 |
| commit | 967030cb532c642f076d1e1fc4e5a1e2cee18561 (patch) | |
| tree | 38e2d5adad4f5ed11d80e887567c8a68a46c0f05 /docs | |
| parent | 18d95a163b23296b7c2242a98aa1f66b3bd22a7a (diff) | |
| download | bootstrap-967030cb532c642f076d1e1fc4e5a1e2cee18561.tar.xz bootstrap-967030cb532c642f076d1e1fc4e5a1e2cee18561.zip | |
modal refinements in docs and general responsiveness
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/assets/css/bootstrap-responsive.css | 7 | ||||
| -rw-r--r-- | docs/assets/css/docs.css | 9 | ||||
| -rw-r--r-- | docs/javascript.html | 2 | ||||
| -rw-r--r-- | docs/templates/pages/javascript.mustache | 2 |
4 files changed, 15 insertions, 5 deletions
diff --git a/docs/assets/css/bootstrap-responsive.css b/docs/assets/css/bootstrap-responsive.css index 3936d8c20..e48a234f9 100644 --- a/docs/assets/css/bootstrap-responsive.css +++ b/docs/assets/css/bootstrap-responsive.css @@ -24,9 +24,9 @@ } .modal { position: absolute; - top: 20px; - left: 20px; - right: 20px; + top: 10px; + left: 10px; + right: 10px; width: auto; margin: 0; } @@ -35,6 +35,7 @@ } .modal-header .close { padding: 10px; + margin: -10px; } } @media (max-width: 768px) { diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 41029ded1..0b221e3b2 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -723,6 +723,15 @@ form.well { word-wrap: break-word; word-break: break-all; } + + /* Modal example */ + .modal-example .modal { + position: relative; + top: auto; + right: auto; + bottom: auto; + left: auto; + } } diff --git a/docs/javascript.html b/docs/javascript.html index 0bcbe597c..4acd844c1 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -193,7 +193,7 @@ <div class="span9 columns"> <h2>Static example</h2> <p>Below is a statically rendered modal.</p> - <div class="well" style="background-color: #888; border: none;"> + <div class="well modal-example" style="background-color: #888; border: none;"> <div class="modal" style="position: relative; top: auto; left: auto; margin: 0 auto; z-index: 1"> <div class="modal-header"> <a href="#" class="close" data-dismiss="modal">×</a> diff --git a/docs/templates/pages/javascript.mustache b/docs/templates/pages/javascript.mustache index ee70bf21b..edafbbf0f 100644 --- a/docs/templates/pages/javascript.mustache +++ b/docs/templates/pages/javascript.mustache @@ -128,7 +128,7 @@ <div class="span9 columns"> <h2>{{_i}}Static example{{/i}}</h2> <p>{{_i}}Below is a statically rendered modal.{{/i}}</p> - <div class="well" style="background-color: #888; border: none;"> + <div class="well modal-example" style="background-color: #888; border: none;"> <div class="modal" style="position: relative; top: auto; left: auto; margin: 0 auto; z-index: 1"> <div class="modal-header"> <a href="#" class="close" data-dismiss="modal">×</a> |