Show column sort order.
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
This commit is contained in:
parent
e71d0aa446
commit
a82da6541d
2 changed files with 19 additions and 0 deletions
|
@ -146,6 +146,8 @@ export function ColumnHeading()
|
||||||
<th className={sortState?.type ?? undefined} data-sort-order={sortState?.order ?? undefined}
|
<th className={sortState?.type ?? undefined} data-sort-order={sortState?.order ?? undefined}
|
||||||
onMouseDown={handleClick} onContextMenu={disableContextMenu}>
|
onMouseDown={handleClick} onContextMenu={disableContextMenu}>
|
||||||
{column.title}
|
{column.title}
|
||||||
|
|
||||||
|
{sortState?.order && <span className={"order"}>{sortState.order}</span>}
|
||||||
</th>
|
</th>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
@ -60,5 +60,22 @@ tr.headings
|
||||||
{
|
{
|
||||||
bottom: 0.5em;
|
bottom: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.order
|
||||||
|
{ // Sort order indicator.
|
||||||
|
position: relative;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
|
||||||
|
display: block;
|
||||||
|
margin: auto 0;
|
||||||
|
padding: 0.3em 0.3em 0;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
color: var(--foreground-lightest);
|
||||||
|
font-size: 0.7em;
|
||||||
|
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue