Title: [182989] trunk/Source/WebInspectorUI
- Revision
- 182989
- Author
- nvasil...@apple.com
- Date
- 2015-04-18 21:19:54 -0700 (Sat, 18 Apr 2015)
Log 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.
Modified Paths
Diff
Modified: trunk/Source/WebInspectorUI/ChangeLog (182988 => 182989)
--- trunk/Source/WebInspectorUI/ChangeLog 2015-04-19 03:29:25 UTC (rev 182988)
+++ trunk/Source/WebInspectorUI/ChangeLog 2015-04-19 04:19:54 UTC (rev 182989)
@@ -1,3 +1,16 @@
+2015-04-18 Nikita Vasilyev <nvasil...@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 <jonowe...@apple.com>
Web Inspector: All sans-serif font family rules should be set the same way.
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ObjectTreePropertyTreeElement.css (182988 => 182989)
--- trunk/Source/WebInspectorUI/UserInterface/Views/ObjectTreePropertyTreeElement.css 2015-04-19 03:29:25 UTC (rev 182988)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ObjectTreePropertyTreeElement.css 2015-04-19 04:19:54 UTC (rev 182989)
@@ -133,14 +133,18 @@
.object-tree-property.prototype-property {
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);
+}
+
.object-tree-property.prototype-property > .icon {
display: none;
}
_______________________________________________
webkit-changes mailing list
webkit-changes@lists.webkit.org
https://lists.webkit.org/mailman/listinfo/webkit-changes