<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body>
<p>
<div>
<b><a class="bz_bug_link
bz_status_ASSIGNED "
title="ASSIGNED - Web Inspector: Data grid has a double left border when the first column is hidden"
href="https://bugs.webkit.org/show_bug.cgi?id=160723#c3">Comment # 3</a>
on <a class="bz_bug_link
bz_status_ASSIGNED "
title="ASSIGNED - Web Inspector: Data grid has a double left border when the first column is hidden"
href="https://bugs.webkit.org/show_bug.cgi?id=160723">bug 160723</a>
from <span class="vcard"><a class="email" href="mailto:timothy@apple.com" title="Timothy Hatcher <timothy@apple.com>"> <span class="fn">Timothy Hatcher</span></a>
</span></b>
<pre>Comment on <span class=""><a href="attachment.cgi?id=285703&action=diff" name="attach_285703" title="Patch">attachment 285703</a> <a href="attachment.cgi?id=285703&action=edit" title="Patch">[details]</a></span>
Patch
View in context: <a href="https://bugs.webkit.org/attachment.cgi?id=285703&action=review">https://bugs.webkit.org/attachment.cgi?id=285703&action=review</a>
<span class="quote">> Source/WebInspectorUI/UserInterface/Views/DataGrid.css:93
> - border-right: 0.5px solid var(--border-color);
> + background-image: linear-gradient(to right, transparent calc(100% - 0.5px), var(--border-color) 0.5px);</span >
Is there a class we can use to set the border with to 0 when the column is hidden?
We would need to be careful with using background since this could conflict with other potential styling in the future. I also worry about performance aspects of using gradients like this — that is a lot of individual gradients.</pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>