fleet/frontend/pages/ManageControlsPage/Scripts/cards/ScriptBatchProgress/_styles.scss
Scott Gress e985d20b1d
UI for scheduling batch scripts (#31885)
# Details

This PR merges the feature branch for the scheduled scripts UI into
main. This includes the following previously-approved PRs:

* https://github.com/fleetdm/fleet/pull/31750
* https://github.com/fleetdm/fleet/pull/31604
* https://github.com/fleetdm/fleet/pull/31797


# 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] Added/updated automated tests
- [X] Where appropriate, [automated tests simulate multiple hosts and
test for host
isolation](https://github.com/fleetdm/fleet/blob/main/docs/Contributing/reference/patterns-backend.md#unit-testing)
(updates to one hosts's records do not affect another)

- [X] QA'd all new/changed functionality manually

---------

Co-authored-by: jacobshandling <61553566+jacobshandling@users.noreply.github.com>
Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
2025-08-14 10:10:45 -05:00

55 lines
937 B
SCSS

.script-batch-progress {
&__status-count {
font-weight: $bold;
margin: $pad-medium 0;
}
.paginated-list__row {
padding: 16px 24px;
}
&__row-left {
display: flex;
flex-direction: column;
gap: 4px;
}
&__row-when {
display: flex;
align-items: center;
gap: 4px;
white-space: nowrap;
@include help-text;
}
&__row-right {
display: flex;
gap: 16px;
align-items: center;
}
&__row-errors {
display: flex;
gap: 4px;
align-items: center;
@include help-text;
}
&__empty {
display: flex;
flex-direction: column;
align-items: center;
border: 1px solid $ui-fleet-black-10;
border-radius: 4px;
padding: 40px;
gap: 8px;
p {
margin: 0;
@include help-text;
}
}
.paginated-list .loading-overlay {
position: initial;
top: initial;
bottom: initial;
left: initial;
right: initial;
}
}