fleet/frontend/components/TabText/_styles.scss
jacobshandling 166e5ed663
UI: Batch script run detail page (#32333)
## For #31226 

New features:
- Dynamic header for each possible state of a batch script run: Started,
Scheduled, and Finished (corresponds to tabs at
`/controls/scripts/progress`
- Unique tabs for each possible status of hosts targeted by a batch
script run: Ran, Errored, Pending, Incompatible, Canceled.
- Within each tab, sortable, paginated host results with output preview
and execution time.
- View script/run details, cancel a batch, view manage hosts page
filtered for the script batch run and a status.
- Global script batch runs activities and and Scripts progress rows now
navigate to this details page.

Cleanups and improvements:
- Expand tab count badge options using “alert”/“pending” variants across
hosts, policies, and query results.
- Misc cleanups and improvements


![ezgif-1438d4041f694f](https://github.com/user-attachments/assets/2d93127b-dea4-4ca6-abcc-7c888b2e0b93)


- [x] Changes file added for user-visible changes in `changes/`,


- [x] Updated automated tests - new tests tracked for follow-up work
- [x] QA'd all new/changed functionality manually

---------

Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
2025-08-29 09:37:05 -06:00

26 lines
499 B
SCSS

.tab-text {
display: flex;
flex-direction: row;
gap: $pad-small;
align-items: center;
height: 21px;
&__count {
display: flex;
padding: 1px 12px;
justify-content: center;
align-items: center;
background-color: $core-vibrant-blue;
border-radius: 29px;
color: $core-white;
font-weight: $bold;
font-size: $xx-small;
&__alert {
background-color: $core-vibrant-red;
}
&__pending {
background-color: $ui-fleet-black-50;
}
}
}