feat: WebUI torrent tracker list style improvements (#6008)

This commit is contained in:
Yat Ho
2023-10-03 08:47:52 +08:00
committed by GitHub
parent 32a62d85ea
commit 94797dfb6e
2 changed files with 6 additions and 11 deletions

View File

@@ -1146,30 +1146,30 @@ $video-image: '../img/film.svg';
#inspector-tiers-list {
color: var(--color-fg-primary);
margin: 0 10px;
padding: 0 12px;
padding: 0;
.tier-list-row {
display: grid;
font-size: 12px;
grid-column-gap: 8px;
grid-row-gap: 4px;
margin-top: 8px;
padding: 8px 12px;
}
.tier-list-row:nth-child(even) {
.tier-list-row:nth-child(even of .tier-list-row) {
background-color: var(--color-bg-even);
}
.tier-list-row:nth-child(odd) {
.tier-list-row:nth-child(odd of .tier-list-row) {
background-color: var(--color-bg-odd);
}
.tier-list-torrent {
color: var(--color-fg-primary);
font-weight: bolder;
margin-left: -12px;
overflow-x: hidden;
padding-top: 20px;
padding-top: 12px;
padding-bottom: 8px;
text-overflow: ellipsis;
white-space: nowrap;
}
@@ -1178,7 +1178,6 @@ $video-image: '../img/film.svg';
font-size: 14px;
font-weight: bolder;
grid-column: span 2;
margin-top: 8px;
padding-bottom: 4px;
}

View File

@@ -735,10 +735,6 @@ export class Inspector extends EventTarget {
const rows = [];
for (const tor of torrents) {
const group = document.createElement('div');
group.classList.add('inspector-group');
rows.push(group);
// if >1 torrent to be shown, give a title
if (torrents.length > 1) {
const title = document.createElement('div');