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}
|
||||
onMouseDown={handleClick} onContextMenu={disableContextMenu}>
|
||||
{column.title}
|
||||
|
||||
{sortState?.order && <span className={"order"}>{sortState.order}</span>}
|
||||
</th>
|
||||
);
|
||||
}
|
||||
|
|
|
@ -60,5 +60,22 @@ tr.headings
|
|||
{
|
||||
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