Title: [182939] trunk/Source/WebInspectorUI
Revision
182939
Author
jonowe...@apple.com
Date
2015-04-16 19:10:00 -0700 (Thu, 16 Apr 2015)

Log Message

Web Inspector: Breakpoint icons should not get pushed off of debugger sidebar due to long resource names
https://bugs.webkit.org/show_bug.cgi?id=142714

Reviewed by Timothy Hatcher.

Modify the styles for content and group containers inside the debugger sidebar panel's detail sections
such that the rules "display: table" and "display: table-row-group" no longer apply. This will make
the file names which use the rule "text-overflow: ellipsis" truncate as expected.

* UserInterface/Views/DebuggerSidebarPanel.css:
(.sidebar > .panel.navigation.debugger .details-section > .content):
(.sidebar > .panel.navigation.debugger .details-section.collapsed > .content):
(.sidebar > .panel.navigation.debugger .details-section > .content > .group):
(.sidebar > .panel.navigation.debugger .details-section.scripts):
(.sidebar > .panel.navigation.debugger .details-section.scripts .header):
(.sidebar > .panel.navigation.debugger .details-section.scripts.collapsed > .content):

Modified Paths

Diff

Modified: trunk/Source/WebInspectorUI/ChangeLog (182938 => 182939)


--- trunk/Source/WebInspectorUI/ChangeLog	2015-04-17 01:36:10 UTC (rev 182938)
+++ trunk/Source/WebInspectorUI/ChangeLog	2015-04-17 02:10:00 UTC (rev 182939)
@@ -1,3 +1,22 @@
+2015-04-16  Jono Wells  <jonowe...@apple.com>
+
+        Web Inspector: Breakpoint icons should not get pushed off of debugger sidebar due to long resource names
+        https://bugs.webkit.org/show_bug.cgi?id=142714
+
+        Reviewed by Timothy Hatcher.
+
+        Modify the styles for content and group containers inside the debugger sidebar panel's detail sections
+        such that the rules "display: table" and "display: table-row-group" no longer apply. This will make
+        the file names which use the rule "text-overflow: ellipsis" truncate as expected.
+
+        * UserInterface/Views/DebuggerSidebarPanel.css:
+        (.sidebar > .panel.navigation.debugger .details-section > .content):
+        (.sidebar > .panel.navigation.debugger .details-section.collapsed > .content):
+        (.sidebar > .panel.navigation.debugger .details-section > .content > .group):
+        (.sidebar > .panel.navigation.debugger .details-section.scripts):
+        (.sidebar > .panel.navigation.debugger .details-section.scripts .header):
+        (.sidebar > .panel.navigation.debugger .details-section.scripts.collapsed > .content):
+
 2015-04-16  Joseph Pecoraro  <pecor...@apple.com>
 
         Web Inspector: Should include "Log Value" context menu item in Preview and Collapsed ObjectTree

Modified: trunk/Source/WebInspectorUI/UserInterface/Views/DebuggerSidebarPanel.css (182938 => 182939)


--- trunk/Source/WebInspectorUI/UserInterface/Views/DebuggerSidebarPanel.css	2015-04-17 01:36:10 UTC (rev 182938)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/DebuggerSidebarPanel.css	2015-04-17 02:10:00 UTC (rev 182939)
@@ -42,26 +42,39 @@
     font-size: 11px;
 }
 
-.sidebar > .panel.navigation.debugger .details-section.scripts {
-    border-bottom: none;
+.sidebar > .panel.navigation.debugger .details-section > .content {
+    display: block;
 }
 
-.sidebar > .panel.navigation.debugger .details-section.scripts .header {
+.sidebar > .panel.navigation.debugger .details-section.collapsed > .content {
     display: none;
 }
 
-.sidebar > .panel.navigation.debugger .details-section.scripts.collapsed > .content {
+
+.sidebar > .panel.navigation.debugger .details-section > .content > .group {
     display: block;
 }
 
+.sidebar > .panel.navigation.debugger .details-section.scripts {
+    border-bottom: none;
+}
+
 .sidebar > .panel.navigation.debugger.paused .details-section.scripts {
     border-bottom: 1px solid rgb(179, 179, 179);
 }
 
+.sidebar > .panel.navigation.debugger .details-section.scripts .header {
+    display: none;
+}
+
 .sidebar > .panel.navigation.debugger.paused .details-section.scripts .header {
     display: block;
 }
 
+.sidebar > .panel.navigation.debugger .details-section.scripts.collapsed > .content {
+    display: block;
+}
+
 .sidebar > .panel.navigation.debugger.paused .details-section.scripts.collapsed > .content {
     display: none;
 }
_______________________________________________
webkit-changes mailing list
webkit-changes@lists.webkit.org
https://lists.webkit.org/mailman/listinfo/webkit-changes

Reply via email to