Title: [213739] trunk/Source/WebInspectorUI
Revision
213739
Author
commit-qu...@webkit.org
Date
2017-03-10 16:59:39 -0800 (Fri, 10 Mar 2017)

Log Message

Web Inspector: popover with compositing reasons in Layers sidebar has hard to read layout
https://bugs.webkit.org/show_bug.cgi?id=167081

Patch by Devin Rousso <dcrousso+web...@gmail.com> on 2017-03-10
Reviewed by Brian Burg.

* UserInterface/Views/LayerTreeDetailsSidebarPanel.css:
(.layer-tree-popover):
(.layer-tree-popover p):
(.layer-tree-popover ul):
(body[dir=ltr] .layer-tree-popover ul):
(body[dir=rtl] .layer-tree-popover ul):
Show `list-item-style` and make the <p> element stand out more (larger and bold).

Modified Paths

Diff

Modified: trunk/Source/WebInspectorUI/ChangeLog (213738 => 213739)


--- trunk/Source/WebInspectorUI/ChangeLog	2017-03-11 00:59:24 UTC (rev 213738)
+++ trunk/Source/WebInspectorUI/ChangeLog	2017-03-11 00:59:39 UTC (rev 213739)
@@ -1,5 +1,20 @@
 2017-03-10  Devin Rousso  <dcrousso+web...@gmail.com>
 
+        Web Inspector: popover with compositing reasons in Layers sidebar has hard to read layout
+        https://bugs.webkit.org/show_bug.cgi?id=167081
+
+        Reviewed by Brian Burg.
+
+        * UserInterface/Views/LayerTreeDetailsSidebarPanel.css:
+        (.layer-tree-popover):
+        (.layer-tree-popover p):
+        (.layer-tree-popover ul):
+        (body[dir=ltr] .layer-tree-popover ul):
+        (body[dir=rtl] .layer-tree-popover ul):
+        Show `list-item-style` and make the <p> element stand out more (larger and bold).
+
+2017-03-10  Devin Rousso  <dcrousso+web...@gmail.com>
+
         Web Inspector: in Resources tab navigation bar, can't save the same file from context menu item more than once
         https://bugs.webkit.org/show_bug.cgi?id=165665
 

Modified: trunk/Source/WebInspectorUI/UserInterface/Views/LayerTreeDetailsSidebarPanel.css (213738 => 213739)


--- trunk/Source/WebInspectorUI/UserInterface/Views/LayerTreeDetailsSidebarPanel.css	2017-03-11 00:59:24 UTC (rev 213738)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/LayerTreeDetailsSidebarPanel.css	2017-03-11 00:59:39 UTC (rev 213739)
@@ -81,19 +81,34 @@
 }
 
 .layer-tree-popover {
+    max-width: 300px;
     padding: 5px;
 }
 
 .layer-tree-popover p {
     margin: 0;
+    font-size: 1.1em;
+    font-weight: bold;
 }
 
 .layer-tree-popover ul {
-    list-style-type: none;
-    margin: 10px 0 0 0;
-    padding-left: 10px;
+    margin: 10px 0 0;
+    padding: 0;
+
+    --layer-tree-popover-ul-margin-start: 1em;
+    --layer-tree-popover-ul-padding-start: 1em;
 }
 
+body[dir=ltr] .layer-tree-popover ul {
+    margin-left: var(--layer-tree-popover-ul-margin-start);
+    padding-left: var(--layer-tree-popover-ul-padding-start);
+}
+
+body[dir=rtl] .layer-tree-popover ul {
+    margin-right: var(--layer-tree-popover-ul-margin-start);
+    padding-right: var(--layer-tree-popover-ul-padding-start);
+}
+
 .layer-tree-popover li {
     line-height: 1.3em;
 }
_______________________________________________
webkit-changes mailing list
webkit-changes@lists.webkit.org
https://lists.webkit.org/mailman/listinfo/webkit-changes

Reply via email to