Site- hide table when calling explain

eliranmoyal · eliranmoyal · commit 0b275eb685b0 · 2015-11-20T00:05:28.000+02:00
diff --git a/src/_site/controllers.js b/src/_site/controllers.js
@@ -216,8 +216,11 @@ function updateWithScrollIfNeeded (query) {
 		$scope.resultsColumns = [];
 		$scope.resultsRows = [];
 		$scope.explainLoading = true;
+        $scope.showResults = false;
+        tablePresenter.destroy();
+        $scope.resultExplan = true;
 		$scope.$apply();
-		$scope.resultExplan = true;
+
 
 		saveUrl()
 
diff --git a/src/_site/style.css b/src/_site/style.css
@@ -167,12 +167,17 @@ body {
 
 /* Initial state when showing */
 .fadein.ng-hide {
-  opacity: 0;  
+    -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s;
+    -moz-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s;
+    -o-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s;
+    transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s;
+    opacity: 0;
 }
 
 
 
 
+
 /* Loading button animation */
 .glyphicon-refresh-animate {
     -animation: spin .7s infinite linear;
