mirror of
https://github.com/fleetdm/fleet
synced 2026-04-22 05:57:36 +00:00
88c766bffa
<!-- Add the related story/sub-task/bug number, like Resolves #123, or remove if NA --> **Related issue:** Resolves #41073 # Checklist for submitter If some of the following don't apply, delete the relevant line. - [x] Changes file added for user-visible changes in `changes/`, `orbit/changes/` or `ee/fleetd-chrome/changes`. See [Changes files](https://github.com/fleetdm/fleet/blob/main/docs/Contributing/guides/committing-changes.md#changes-files) for more information. ## Testing - [x] QA'd all new/changed functionality manually ## Screenshots ### Live report <img width="1624" height="1061" alt="Screenshot 2026-03-05 at 4 02 32 PM" src="https://github.com/user-attachments/assets/803b5c7a-81e9-4cc0-aca2-5cfc43e0aeee" /> ### Report <img width="1624" height="1061" alt="Screenshot 2026-03-05 at 4 03 32 PM" src="https://github.com/user-attachments/assets/b28d14c7-d9ff-46f1-a587-67f630aad201" /> ### Host report <img width="1624" height="1061" alt="Screenshot 2026-03-05 at 4 32 26 PM" src="https://github.com/user-attachments/assets/c28f2fb3-8e89-4f3d-a607-93cd6015c68c" /> ### Regular table <img width="1624" height="1061" alt="Screenshot 2026-03-05 at 4 03 42 PM" src="https://github.com/user-attachments/assets/85a5d5dd-1c64-48c3-b586-47e7787ee4a9" />
41 lines
823 B
SCSS
41 lines
823 B
SCSS
.header-cell {
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
font-size: $xx-small;
|
|
|
|
.sort-arrows {
|
|
height: 12px;
|
|
padding-left: $pad-small;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.ascending-arrow {
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 4px solid transparent;
|
|
border-right: 4px solid transparent;
|
|
border-bottom: 5px solid $ui-fleet-black-25;
|
|
}
|
|
.descending-arrow {
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 4px solid transparent;
|
|
border-right: 4px solid transparent;
|
|
border-top: 5px solid $ui-fleet-black-25;
|
|
}
|
|
|
|
&.ascending {
|
|
.ascending-arrow {
|
|
border-bottom-color: $core-fleet-black;
|
|
}
|
|
}
|
|
|
|
&.descending {
|
|
.descending-arrow {
|
|
border-top-color: $core-fleet-black;
|
|
}
|
|
}
|
|
}
|