Fix scrollbar showing up when not needed in report/policy results tables (#47627)

<!-- Add the related story/sub-task/bug number, like Resolves #123, or
remove if NA -->
**Related issue:** Resolves #44272 

# 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

- [ ] Added/updated automated tests
- [ ] 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
Pages  tested:
```
https://<fleet_url>/hosts/<host_id>/reports/<id>
https://<fleet_url>/reports/<id>?fleet_id=<fleet_id>
https://<fleet_url>/reports/<id>/live?fleet_id=<fleet_id>
https://<fleet_url>/policies/<id>/live?fleet_id=<fleet_id>
```

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

* **Bug Fixes**
* Fixed unnecessary horizontal scrollbars appearing in report and policy
results tables. Scrollbars now display only when content requires
horizontal scrolling.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->
This commit is contained in:
Jonathan Katz
2026-06-16 14:04:45 -04:00
committed by GitHub
parent d69ab78e2b
commit a627f87113
5 changed files with 5 additions and 4 deletions
@@ -0,0 +1 @@
- Fixed horizontal scrollbar showing up when there is nothing to scroll in report and policy results tables.
@@ -39,7 +39,7 @@
}
.data-table {
overflow-x: scroll;
overflow-x: auto;
}
.empty-table__container {
@@ -4,7 +4,7 @@
}
.data-table__wrapper {
overflow-x: scroll;
overflow-x: auto;
}
.data-table-block .data-table thead th {
@@ -15,7 +15,7 @@
}
.data-table__wrapper {
overflow-x: scroll;
overflow-x: auto;
}
}
@@ -9,7 +9,7 @@
}
.data-table__wrapper {
overflow-x: scroll;
overflow-x: auto;
}
.data-table-block .data-table thead th {