Changeset 182989 in webkit

Timestamp:

Apr 18, 2015, 9:19:54 PM (10 years ago)

Author:

Nikita Vasilyev

Message:

Web Inspector: Make prototype pill’s background semi-transparent
​https://bugs.webkit.org/show_bug.cgi?id=143928

Reviewed by Timothy Hatcher.

• UserInterface/Views/ObjectTreePropertyTreeElement.css:

(.object-tree-property.prototype-property):

(.object-tree-property.prototype-property:hover, .object-tree-property.prototype-property:focus):
Slightly highlight the prototype pill when hovering over.

Location:

trunk/Source/WebInspectorUI

Files:

• ChangeLog (modified) (1 diff)
• UserInterface/Views/ObjectTreePropertyTreeElement.css (modified) (1 diff)

trunk/Source/WebInspectorUI/ChangeLog

@@ +1 @@
+2015-04-18  Nikita Vasilyev  <nvasilyev@apple.com>
+
+        Web Inspector: Make prototype pill’s background semi-transparent
+        https://bugs.webkit.org/show_bug.cgi?id=143928
+
+        Reviewed by Timothy Hatcher.
+
+        * UserInterface/Views/ObjectTreePropertyTreeElement.css:
+        (.object-tree-property.prototype-property):
+
+        (.object-tree-property.prototype-property:hover, .object-tree-property.prototype-property:focus):
+        Slightly highlight the prototype pill when hovering over.
+
 2015-04-17  Jono Wells  <jonowells@apple.com>
 

trunk/Source/WebInspectorUI/UserInterface/Views/ObjectTreePropertyTreeElement.css

@@ -134 +134 @@
     display: inline-block;
 
-    border: 1px solid rgb(222, 222, 222);
-    background-color: rgb(242, 242, 242);
+    border: 1px solid hsla(0, 0%, 0%, 0.06);
+    background-color: hsla(0, 0%, 0%, 0.03);
     border-radius: 3px;
 
     padding: 0 10px 1px 0;
     margin: 3px 0 2px 0;
+}
+
+.object-tree-property.prototype-property:hover, .object-tree-property.prototype-property:focus {
+    border-color: hsla(0, 0%, 0%, 0.1);
 }