Web Inspector: Breakpoint icons should not get pushed off of debugger sidebar due...
authorjonowells@apple.com <jonowells@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Fri, 17 Apr 2015 02:10:00 +0000 (02:10 +0000)
committerjonowells@apple.com <jonowells@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Fri, 17 Apr 2015 02:10:00 +0000 (02:10 +0000)
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):

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

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

index 0a8f5c7..7b0b75a 100644 (file)
@@ -1,3 +1,22 @@
+2015-04-16  Jono Wells  <jonowells@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  <pecoraro@apple.com>
 
         Web Inspector: Should include "Log Value" context menu item in Preview and Collapsed ObjectTree
index 0cec6d7..2ecafda 100644 (file)
@@ -42,26 +42,39 @@ body.mac-platform.legacy .sidebar > .panel.navigation.debugger > .content {
     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;
 }