Bug 150410 – Web Inspector: Details sidebar section divider lines are missing on 2x devices

• Component: Web Inspector
• Status: RESOLVED WORKSFORME

[Timothy Hatcher]

Created attachment 263717 [details]
Screenshot

The divider lines are missing on my retina display, but appear when I drag the window to my 1x display.

[Timothy Hatcher]

Created attachment 263718 [details]
1x Display Screenshot

[Radar WebKit Bug Importer]

<rdar://problem/23206436>

[Timothy Hatcher]

Created attachment 263719 [details]
2x Display Screenshot

[Devin Rousso]

In my opinion, I don't actually think that the lines are necessary.  The change in the background color and additional padding (not a lot of it though) make it clear to me that they are different sections.

[Nikita Vasilyev]

This is because WebKit doesn't support subpixel values for `display: table-*` :(

.details-section > .content > .group {
    display: table-row-group;
    ...
}

I wonder if this could be fixed in WebKit.

[Nikita Vasilyev]

(In reply to comment #4)
> In my opinion, I don't actually think that the lines are necessary.  The
> change in the background color and additional padding (not a lot of it
> though) make it clear to me that they are different sections.

I also think the background color change is enough.
There are already too many horizontal lines there.

[Timothy Hatcher]

We should revert the half-pixel CSS rules on the table cells until the WebKit bug is fixed.

[Nikita Vasilyev]

Created attachment 274979 [details]
[Image] Fixed

(In reply to comment #7)
> We should revert the half-pixel CSS rules on the table cells until the
> WebKit bug is fixed.

The WebKit bug (bug 150383) has been fixed.