Browse Source

fixed a conflict with .hidden class when using twitter bootstrap and made animation smoother

Signed-off-by: Guillaume Lambert <falzhobel@gmail.com>
Guillaume Lambert 12 years ago
parent
commit
5f0e70a2ef
3 changed files with 13 additions and 10 deletions
  1. 1 1
      laravel/profiling/profiler.css
  2. 11 8
      laravel/profiling/profiler.js
  3. 1 1
      public/laravel/css/style.css

+ 1 - 1
laravel/profiling/profiler.css

@@ -21,7 +21,7 @@ background-repeat:no-repeat;
 background-position:5px -8px;
 background-position:5px -8px;
 }
 }
 
 
-.anbu.hidden .anbu-tabs
+.anbu-hidden .anbu-tabs
 {
 {
 	background-image:none;
 	background-image:none;
 }
 }

+ 11 - 8
laravel/profiling/profiler.js

@@ -139,10 +139,10 @@ var anbu = {
 	show: function() {
 	show: function() {
 
 
 		anbu.el.closed_tabs.fadeOut(600, function () {
 		anbu.el.closed_tabs.fadeOut(600, function () {
+			anbu.el.main.removeClass('anbu-hidden');
 			anbu.el.open_tabs.fadeIn(200);
 			anbu.el.open_tabs.fadeIn(200);
 		});
 		});
 		anbu.el.main.animate({width: '100%'}, 700);
 		anbu.el.main.animate({width: '100%'}, 700);
-		anbu.el.main.removeClass('hidden');
 
 
 	},
 	},
 
 
@@ -153,14 +153,17 @@ var anbu = {
 	hide: function() {
 	hide: function() {
 
 
 		anbu.close_window();
 		anbu.close_window();
-		anbu.el.window.slideUp(400, function () {
-			anbu.close_window();
-			anbu.el.main.addClass('hidden');
-			anbu.el.open_tabs.fadeOut(200, function () {
-				anbu.el.closed_tabs.fadeIn(200);
+
+		setTimeout(function() {
+			anbu.el.window.slideUp(400, function () {
+				anbu.close_window();
+				anbu.el.main.addClass('anbu-hidden');
+				anbu.el.open_tabs.fadeOut(200, function () {
+					anbu.el.closed_tabs.fadeIn(200);
+				});
+				anbu.el.main.animate({width: anbu.mini_button_width}, 700);
 			});
 			});
-			anbu.el.main.animate({width: anbu.mini_button_width}, 700);
-		});
+		}, 100);
 
 
 	},
 	},
 
 

+ 1 - 1
public/laravel/css/style.css

@@ -166,7 +166,7 @@ div.home>h2 {
 .content table
 .content table
 {
 {
 	border-collapse:collapse
 	border-collapse:collapse
-	border:1px solid #eee;
+	border: 1px solid #eee;
 	width:100%;
 	width:100%;
 	line-height:1.5em;
 	line-height:1.5em;
 }
 }