From 593ef2419b924b7c098bb63be5742661ce65d080 Mon Sep 17 00:00:00 2001
From: Victor Porof <vporof@mozilla.com>
Date: Thu, 23 Feb 2012 18:02:36 +0200
Subject: [PATCH] Bug 712581 - Display the property details in the debugger
 using transitions; r=past

---
 .../themes/gnomestripe/devtools/debugger.css  | 23 +++++++++++++++++++
 .../themes/pinstripe/devtools/debugger.css    | 23 +++++++++++++++++++
 .../themes/winstripe/devtools/debugger.css    | 23 +++++++++++++++++++
 3 files changed, 69 insertions(+)

diff --git a/browser/themes/gnomestripe/devtools/debugger.css b/browser/themes/gnomestripe/devtools/debugger.css
index cacc63dce54..96e009c0aad 100644
--- a/browser/themes/gnomestripe/devtools/debugger.css
+++ b/browser/themes/gnomestripe/devtools/debugger.css
@@ -247,6 +247,29 @@ a {
   -moz-appearance: treetwistyopen;
 }
 
+/**
+ * Animations
+ */
+
+.details[open] {
+  -moz-animation-duration: 0.25s;
+  -moz-animation-name: showblock;
+}
+
+@-moz-keyframes showblock {
+  from {
+    opacity: 0;
+    -moz-transform-origin: top;
+    -moz-transform: scaleY(0);
+  }
+
+  to {
+    opacity: 1;
+    -moz-transform-origin: top;
+    -moz-transform: scaleY(1);
+  }
+}
+
 /**
  * Display helpers
  */
diff --git a/browser/themes/pinstripe/devtools/debugger.css b/browser/themes/pinstripe/devtools/debugger.css
index d64c1b307d9..422efbf8bb8 100644
--- a/browser/themes/pinstripe/devtools/debugger.css
+++ b/browser/themes/pinstripe/devtools/debugger.css
@@ -245,6 +245,29 @@ a {
   -moz-appearance: treetwistyopen;
 }
 
+/**
+ * Animations
+ */
+
+.details[open] {
+  -moz-animation-duration: 0.25s;
+  -moz-animation-name: showblock;
+}
+
+@-moz-keyframes showblock {
+  from {
+    opacity: 0;
+    -moz-transform-origin: top;
+    -moz-transform: scaleY(0);
+  }
+
+  to {
+    opacity: 1;
+    -moz-transform-origin: top;
+    -moz-transform: scaleY(1);
+  }
+}
+
 /**
  * Display helpers
  */
diff --git a/browser/themes/winstripe/devtools/debugger.css b/browser/themes/winstripe/devtools/debugger.css
index 5c0819b0473..dabd55c492c 100644
--- a/browser/themes/winstripe/devtools/debugger.css
+++ b/browser/themes/winstripe/devtools/debugger.css
@@ -249,6 +249,29 @@ a {
   background-image: url("chrome://global/skin/tree/twisty-open.png");
 }
 
+/**
+ * Animations
+ */
+
+.details[open] {
+  -moz-animation-duration: 0.25s;
+  -moz-animation-name: showblock;
+}
+
+@-moz-keyframes showblock {
+  from {
+    opacity: 0;
+    -moz-transform-origin: top;
+    -moz-transform: scaleY(0);
+  }
+
+  to {
+    opacity: 1;
+    -moz-transform-origin: top;
+    -moz-transform: scaleY(1);
+  }
+}
+
 /**
  * Display helpers
  */