Fixed durandal animation.

Author: hikalkan

Templates/All-In-One-Template/MySpaProject/MySpaProject.WebSpaDurandal/App/Main/main.css

@@ -1,4 +1,6 @@
 body {
   padding-top: 80px;
 }
-/*# sourceMappingURL=main.css.map */
+.durandal-animation-container {
+  position: relative;
+}

Templates/All-In-One-Template/MySpaProject/MySpaProject.WebSpaDurandal/App/Main/main.less

@@ -1,3 +1,7 @@
 body {
     padding-top: 80px;
+}
+
+.durandal-animation-container {
+    position: relative;
 }

Templates/All-In-One-Template/MySpaProject/MySpaProject.WebSpaDurandal/App/Main/main.min.css

@@ -1 +1 @@
-body{padding-top:80px}.task-description-active{font-weight:bold}.task-description-completed{color:#999;-moz-text-decoration-line:line-through;text-decoration-line:line-through}.task-assignedto{font-size:smaller}.task-creationtime{color:#999;font-size:smaller}.task-state-icon{cursor:pointer}
+body{padding-top:80px}.durandal-animation-container{position:relative}

Templates/All-In-One-Template/MySpaProject/MySpaProject.WebSpaDurandal/App/Main/views/layout.cshtml

@@ -1,32 +1,36 @@
-<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
-    <div class="container">
-        <div class="navbar-header">
-            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
-                <span class="sr-only">Toggle navigation</span>
-                <span class="icon-bar"></span>
-                <span class="icon-bar"></span>
-                <span class="icon-bar"></span>
-            </button>
-            <a class="navbar-brand" href="#">MySpaProject!</a>
-        </div>
-        <div class="collapse navbar-collapse">
-            <ul class="nav navbar-nav" data-bind="foreach: menu.items">
-                <li data-bind="css: { active: $root.router.activeInstruction().config.menuName == name }">
-                    <a href="{{url}}"><i class="{{icon}}"></i> {{displayName}}</a>
-                </li>
-            </ul>
-            <ul class="nav navbar-nav navbar-right">
-                <li class="dropdown">
-                    <a href="" data-toggle="dropdown"><i class="{{currentLanguage.icon}}"></i> <span>{{currentLanguage.displayName}}</span> <b class="caret"></b></a>
-                    <ul class="dropdown-menu" data-bind="foreach: languages">
-                        <li data-bind="visible: $root.currentLanguage.name != name"><a href="{{'/AbpLocalization/ChangeCulture?cultureName=' +  name}}"><i class="{{icon}}"></i> {{displayName}}</a></li>
-                    </ul>
-                </li>
-            </ul>
+<div>
+    <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
+        <div class="container">
+            <div class="navbar-header">
+                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+                    <span class="sr-only">Toggle navigation</span>
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                </button>
+                <a class="navbar-brand" href="#">MySpaProject!</a>
+            </div>
+            <div class="collapse navbar-collapse">
+                <ul class="nav navbar-nav" data-bind="foreach: menu.items">
+                    <li data-bind="css: { active: $root.router.activeInstruction().config.menuName == name }">
+                        <a href="{{url}}"><i class="{{icon}}"></i> {{displayName}}</a>
+                    </li>
+                </ul>
+                <ul class="nav navbar-nav navbar-right">
+                    <li class="dropdown">
+                        <a href="" data-toggle="dropdown"><i class="{{currentLanguage.icon}}"></i> <span>{{currentLanguage.displayName}}</span> <b class="caret"></b></a>
+                        <ul class="dropdown-menu" data-bind="foreach: languages">
+                            <li data-bind="visible: $root.currentLanguage.name != name"><a href="{{'/AbpLocalization/ChangeCulture?cultureName=' +  name}}"><i class="{{icon}}"></i> {{displayName}}</a></li>
+                        </ul>
+                    </li>
+                </ul>
+            </div>
         </div>
     </div>
-</div>
 
-<div class="container">
-    <div data-bind="router: { transition: 'entrance' }"></div>
+    <div class="container">
+        <div class="durandal-animation-container">
+            <div data-bind="router: { transition: 'entrance' }"></div>
+        </div>
+    </div>
 </div>