Web Inspector: Make DOM node attribute changes highlighting less obnoxious
authornvasilyev@apple.com <nvasilyev@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Wed, 26 Aug 2015 10:22:22 +0000 (10:22 +0000)
committernvasilyev@apple.com <nvasilyev@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Wed, 26 Aug 2015 10:22:22 +0000 (10:22 +0000)
https://bugs.webkit.org/show_bug.cgi?id=148050

Reviewed by Timothy Hatcher.

* UserInterface/Views/DOMTreeOutline.css:
(@keyframes node-state-changed): Change color to a light green.
(.node-state-changed): Add a slight ease-in for the animation function.

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

Source/WebInspectorUI/ChangeLog
Source/WebInspectorUI/UserInterface/Views/DOMTreeOutline.css

index ed80015..6dd1686 100644 (file)
@@ -1,3 +1,14 @@
+2015-08-26  Nikita Vasilyev  <nvasilyev@apple.com>
+
+        Web Inspector: Make DOM node attribute changes highlighting less obnoxious
+        https://bugs.webkit.org/show_bug.cgi?id=148050
+
+        Reviewed by Timothy Hatcher.
+
+        * UserInterface/Views/DOMTreeOutline.css:
+        (@keyframes node-state-changed): Change color to a light green.
+        (.node-state-changed): Add a slight ease-in for the animation function.
+
 2015-08-26  Joseph Pecoraro  <pecoraro@apple.com>
 
         Web Inspector: Add Refresh button to Cookie Content View
index 3724c98..f377380 100644 (file)
 }
 
 @keyframes node-state-changed {
-    from { background-color: hsla(212, 92%, 54%, 0.5); }
+    from { background-color: hsla(83, 100%, 48%, 0.4); }
 }
 
 .node-state-changed {
-    animation: node-state-changed 1s cubic-bezier(0, 0, 0.25, 1);
-    border-radius: 3px;
+    animation: node-state-changed 1s cubic-bezier(0.25, 0, 0.25, 1);
 }