Changeset 182939 in webkit


Ignore:
Timestamp:
Apr 16, 2015 7:10:00 PM (9 years ago)
Author:
jonowells@apple.com
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):

Location:
trunk/Source/WebInspectorUI
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/Source/WebInspectorUI/ChangeLog

    r182933 r182939  
     12015-04-16  Jono Wells  <jonowells@apple.com>
     2
     3        Web Inspector: Breakpoint icons should not get pushed off of debugger sidebar due to long resource names
     4        https://bugs.webkit.org/show_bug.cgi?id=142714
     5
     6        Reviewed by Timothy Hatcher.
     7
     8        Modify the styles for content and group containers inside the debugger sidebar panel's detail sections
     9        such that the rules "display: table" and "display: table-row-group" no longer apply. This will make
     10        the file names which use the rule "text-overflow: ellipsis" truncate as expected.
     11
     12        * UserInterface/Views/DebuggerSidebarPanel.css:
     13        (.sidebar > .panel.navigation.debugger .details-section > .content):
     14        (.sidebar > .panel.navigation.debugger .details-section.collapsed > .content):
     15        (.sidebar > .panel.navigation.debugger .details-section > .content > .group):
     16        (.sidebar > .panel.navigation.debugger .details-section.scripts):
     17        (.sidebar > .panel.navigation.debugger .details-section.scripts .header):
     18        (.sidebar > .panel.navigation.debugger .details-section.scripts.collapsed > .content):
     19
    1202015-04-16  Joseph Pecoraro  <pecoraro@apple.com>
    221
  • trunk/Source/WebInspectorUI/UserInterface/Views/DebuggerSidebarPanel.css

    r181768 r182939  
    4343}
    4444
     45.sidebar > .panel.navigation.debugger .details-section > .content {
     46    display: block;
     47}
     48
     49.sidebar > .panel.navigation.debugger .details-section.collapsed > .content {
     50    display: none;
     51}
     52
     53
     54.sidebar > .panel.navigation.debugger .details-section > .content > .group {
     55    display: block;
     56}
     57
    4558.sidebar > .panel.navigation.debugger .details-section.scripts {
    4659    border-bottom: none;
     60}
     61
     62.sidebar > .panel.navigation.debugger.paused .details-section.scripts {
     63    border-bottom: 1px solid rgb(179, 179, 179);
    4764}
    4865
     
    5168}
    5269
    53 .sidebar > .panel.navigation.debugger .details-section.scripts.collapsed > .content {
     70.sidebar > .panel.navigation.debugger.paused .details-section.scripts .header {
    5471    display: block;
    5572}
    5673
    57 .sidebar > .panel.navigation.debugger.paused .details-section.scripts {
    58     border-bottom: 1px solid rgb(179, 179, 179);
    59 }
    60 
    61 .sidebar > .panel.navigation.debugger.paused .details-section.scripts .header {
     74.sidebar > .panel.navigation.debugger .details-section.scripts.collapsed > .content {
    6275    display: block;
    6376}
Note: See TracChangeset for help on using the changeset viewer.