41 lines
942 B
Plaintext
41 lines
942 B
Plaintext
/* SORTABLE TABLE-HEADERS*/
|
|
.table__th.sortable {
|
|
position: relative;
|
|
padding-right: 24px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.table__th.sortable::after,
|
|
.table__th.sortable::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 4px;
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 8px solid transparent;
|
|
border-right: 8px solid transparent;
|
|
border-bottom: 8px solid rgba(255, 255, 255, 0.4);
|
|
}
|
|
|
|
.table__th.sortable::before {
|
|
/* magic numbers to move arrow back in the right position after flipping it.
|
|
this allows us to use the same border for the up and the down arrow */
|
|
transform: translateY(150%) scale(1, -1);
|
|
transform-origin: top;
|
|
}
|
|
|
|
.table__th.sortable::after {
|
|
transform: translateY(-150%);
|
|
}
|
|
|
|
.table__th.sortable:hover::before,
|
|
.table__th.sortable:hover::after {
|
|
border-bottom-color: rgba(255, 255, 255, 0.7);
|
|
}
|
|
|
|
.table__th.sorted-asc::before,
|
|
.table__th.sorted-desc::after {
|
|
border-bottom-color: white !important;
|
|
}
|