add alternating row coloration
This commit is contained in:
parent
b32b317be2
commit
68232403d3
1
app.js
1
app.js
@ -544,7 +544,6 @@ function renderMarket(marketData, reputationData) {
|
||||
const nameDisplay = item.dndbeyondUrl
|
||||
? `<a class="item-link" href="${item.dndbeyondUrl}" target="_blank" rel="noopener">${item.name}</a>`
|
||||
: item.name;
|
||||
|
||||
html += `
|
||||
<tr class="market-row">
|
||||
<td class="item-name-cell">${nameDisplay}</td>
|
||||
|
||||
@ -1022,8 +1022,12 @@ button {
|
||||
transition: background 0.2s ease;
|
||||
}
|
||||
|
||||
.market-table tbody tr:hover {
|
||||
background: rgba(139, 115, 85, 0.1);
|
||||
.market-table tbody tr:nth-child(even) {
|
||||
background-color: rgba(245, 222, 179, 0.3);
|
||||
}
|
||||
|
||||
.market-table tbody tr:hover td {
|
||||
background-color: rgba(139, 115, 85, 0.3);
|
||||
}
|
||||
|
||||
.market-table td {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user