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
|
const nameDisplay = item.dndbeyondUrl
|
||||||
? `<a class="item-link" href="${item.dndbeyondUrl}" target="_blank" rel="noopener">${item.name}</a>`
|
? `<a class="item-link" href="${item.dndbeyondUrl}" target="_blank" rel="noopener">${item.name}</a>`
|
||||||
: item.name;
|
: item.name;
|
||||||
|
|
||||||
html += `
|
html += `
|
||||||
<tr class="market-row">
|
<tr class="market-row">
|
||||||
<td class="item-name-cell">${nameDisplay}</td>
|
<td class="item-name-cell">${nameDisplay}</td>
|
||||||
|
|||||||
@ -1022,8 +1022,12 @@ button {
|
|||||||
transition: background 0.2s ease;
|
transition: background 0.2s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.market-table tbody tr:hover {
|
.market-table tbody tr:nth-child(even) {
|
||||||
background: rgba(139, 115, 85, 0.1);
|
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 {
|
.market-table td {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user