<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body>
<p>
<div>
<b><a class="bz_bug_link
bz_status_NEW "
title="NEW - Web Inspector: console.table background stripes are misaligned"
href="https://bugs.webkit.org/show_bug.cgi?id=152954#c1">Comment # 1</a>
on <a class="bz_bug_link
bz_status_NEW "
title="NEW - Web Inspector: console.table background stripes are misaligned"
href="https://bugs.webkit.org/show_bug.cgi?id=152954">bug 152954</a>
from <span class="vcard"><a class="email" href="mailto:nvasilyev@apple.com" title="Nikita Vasilyev <nvasilyev@apple.com>"> <span class="fn">Nikita Vasilyev</span></a>
</span></b>
<pre>The striped background is made by CSS gradient:
.data-grid table.data {
background-image: linear-gradient(to bottom, white, white 50%, hsl(214, 41%, 96%) 50%, hsl(214, 41%, 96%));
}
<a href="https://github.com/WebKit/webkit/blob/master/Source/WebInspectorUI/UserInterface/Views/DataGrid.css#L127">https://github.com/WebKit/webkit/blob/master/Source/WebInspectorUI/UserInterface/Views/DataGrid.css#L127</a>
It should really use tr:nth-child(even) CSS pseudo selector.</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>