Revert part of my r27935 change that made the Tip balloons
authortimothy@apple.com <timothy@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Fri, 23 Nov 2007 04:20:13 +0000 (04:20 +0000)
committertimothy@apple.com <timothy@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Fri, 23 Nov 2007 04:20:13 +0000 (04:20 +0000)
        animate with CSS transitions. The balloon was only opacity 0,
        so it would cause it's row to highlight when hovering over
        another row.

        * page/inspector/NetworkPanel.js:
        * page/inspector/inspector.css:

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@27979 268f45cc-cd09-0410-ab3c-d52691b4dbfc

WebCore/ChangeLog
WebCore/page/inspector/NetworkPanel.js
WebCore/page/inspector/inspector.css

index cd224a737675eb0a07319fb1a5d1f1fb5dd4f468..eead4b34db20fa54adb6d33be4a313c52001a1d8 100644 (file)
@@ -1,3 +1,13 @@
+2007-11-22  Timothy Hatcher  <timothy@apple.com>
+
+        Revert part of my r27935 change that made the Tip balloons
+        animate with CSS transitions. The balloon was only opacity 0,
+        so it would cause it's row to highlight when hovering over
+        another row.
+
+        * page/inspector/NetworkPanel.js:
+        * page/inspector/inspector.css:
+
 2007-11-22  Dan Bernstein  <mitz@apple.com>
 
         Reviewed by Maciej Stachowiak.
index 60d3f4ce46a86bd91e99959521a971bfa34e98d4..6a6984301ff6d67aa886d38b046808c70a588c4c 100644 (file)
@@ -879,9 +879,12 @@ WebInspector.NetworkTimelineEntry.prototype = {
                 this.tipBalloonContentElement.textContent = tipText;
             }
 
-            this.tipBalloonElement.addStyleClass("visible");
-        } else
-            this.tipBalloonElement.removeStyleClass("visible");
+            this.tipBalloonElement.removeStyleClass("hidden");
+            WebInspector.animateStyle([{element: this.tipBalloonElement, start: {left: 160, opacity: 0}, end: {left: 145, opacity: 1}}], 250);
+        } else {
+            var element = this.tipBalloonElement;
+            WebInspector.animateStyle([{element: this.tipBalloonElement, start: {left: 145, opacity: 1}, end: {left: 160, opacity: 0}}], 250, function() { element.addStyleClass("hidden") });
+        }
     }
 }
 
index 1f26199d3695556df1d6bd9186ed421e6b9a1661..5e59ea9419583058fedfdbe1e1699881d6b883f2 100644 (file)
@@ -1950,19 +1950,12 @@ body:not(.inactive) .focused .outline-disclosure li.selected * {
 
 .tip-balloon {
     position: absolute;
-    left: 160px;
+    left: 145px;
     top: -5px;
     z-index: 1000;
     border-width: 51px 15px 18px 37px;
     -webkit-border-image: url(Images/tipBalloon.png) 51 15 18 37;
     width: 265px;
-    opacity: 0;
-    -webkit-transition: left 250ms ease-in-out, opacity 250ms ease-in-out; 
-}
-
-.tip-balloon.visible {
-    left: 145px;
-    opacity: 1;
 }
 
 .tip-balloon.bottom {