Skip to content

Commit 7a3c232

Browse files
committed
Add transition to ui-modal demo
1 parent 2fc3b76 commit 7a3c232

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

index.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -591,7 +591,7 @@ <h1>Modal</h1>
591591
<h3>What?</h3>
592592
<p>Takes the twitter bootstrap modal and lets you assign an ng-model to it. You can open/close the modal any way you want: data-* attributes, or use elm.modal('show'), or whatever. The ng-model you give will always correspond to whether the modal is opened or not, and if you set it it will also change the modal.
593593
<p>
594-
<div id="modalGuy" class="modal hide" ui-modal ng-model="modalShown">
594+
<div id="modalGuy" class="fade" ui-modal ng-model="modalShown">
595595
<div class="modal-header"><h1>Modalin'!</h1></div>
596596
<div class="modal-body">
597597
<p>Cool beans, dude.</p>
@@ -611,7 +611,7 @@ <h3>Why?</h3>
611611
<h3>How?</h3>
612612
<pre class="prettyprint linenums" ng-non-bindable>
613613
&lt;script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-modal.js"&gt;&lt;/script&gt;
614-
&lt;div ui-modal ng-model="modalShown" id="myModal"&gt;
614+
&lt;div ui-modal class="fade" ng-model="modalShown" id="myModal"&gt;
615615
Cool, a modal dialog!
616616
&lt;a data-dismiss="modal"&gt;Close 1&lt;/a&gt;
617617
&lt;a ng-click="modalShown=false"&gt;Close 2&lt;/a&gt;

0 commit comments

Comments
 (0)