[Webkit-unassigned] [Bug 82193] [REGRESSION] Web Inspector: column caption delimiters are misaligned in DataGrid

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=82193





--- Comment #4 from Robert Hogan <robert at webkit.org>  2012-03-26 14:43:07 PST ---
(In reply to comment #3)
> Created an attachment (id=133892)
 --> (https://bugs.webkit.org/attachment.cgi?id=133892&action=review) [details]
> Reduction

In the reduction the width specified at:

        th.corner {
            width: 15px;
            border-right: 0 none transparent;
        }

used to result in a total column width of 15px, i.e. cell width of 15px minus borders (border-left:1) and padding (left + right = 2) plus borders (border-left:1) and padding (left + right = 2). 

But now column width is set to the width of the cell plus its left padding plus its right padding plus half its left border plus half its right border in the 
collapsing border model, and the same but using full border widths in 
the separated border model. So 18px in total.

In datagrid.css, we have have:


.data-grid th.corner {
    width: 15px;
    border-right: 0 none transparent;
}

and the padding is 4px on either side. So this is now getting added in to give a column width of 24px or so (15px + 4px left padding + 4px padding + 1px for the borders). Since the width of the column now includes the padding, doing:

.data-grid th.corner {
    width: 6px;
    border-right: 0 none transparent;
}

fixes it. (6px + 4px + 4px + 1px = 15px)

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.