mirror of
https://github.com/fleetdm/fleet
synced 2026-04-21 21:47:20 +00:00
53d2456722
Updated MainContent SCSS to apply max-width: 100% for the .run-query-page class. <!-- Add the related story/sub-task/bug number, like Resolves #123, or remove if NA --> **Related issue:** Resolves https://github.com/fleetdm/fleet/issues/36677 # Checklist for submitter If some of the following don't apply, delete the relevant line. - [ ] 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. - [ ] Input data is properly validated, `SELECT *` is avoided, SQL injection is prevented (using placeholders for values in statements) - [ ] If paths of existing endpoints are modified without backwards compatibility, checked the frontend/CLI for any necessary changes ## 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) - [ ] QA'd all new/changed functionality manually For unreleased bug fixes in a release candidate, one of: - [ ] Confirmed that the fix is not expected to adversely impact load test results - [ ] Alerted the release DRI if additional load testing is needed ## Database migrations - [ ] Checked schema for all modified table for columns that will auto-update timestamps during migration. - [ ] Confirmed that updating the timestamps is acceptable, and will not cause unwanted side effects. - [ ] Ensured the correct collation is explicitly set for character columns (`COLLATE utf8mb4_unicode_ci`). ## New Fleet configuration settings - [ ] Setting(s) is/are explicitly excluded from GitOps If you didn't check the box above, follow this checklist for GitOps-enabled settings: - [ ] Verified that the setting is exported via `fleetctl generate-gitops` - [ ] Verified the setting is documented in a separate PR to [the GitOps documentation](https://github.com/fleetdm/fleet/blob/main/docs/Configuration/yaml-files.md#L485) - [ ] Verified that the setting is cleared on the server if it is not supplied in a YAML file (or that it is documented as being optional) - [ ] Verified that any relevant UI is disabled when GitOps mode is enabled ## fleetd/orbit/Fleet Desktop - [ ] Verified compatibility with the latest released version of Fleet (see [Must rule](https://github.com/fleetdm/fleet/blob/main/docs/Contributing/workflows/fleetd-development-and-release-strategy.md)) - [ ] If the change applies to only one platform, confirmed that `runtime.GOOS` is used as needed to isolate changes - [ ] Verified that fleetd runs on macOS, Linux and Windows - [ ] Verified auto-update works from the released version of component to the new version (see [tools/tuf/test](../tools/tuf/test/README.md))
39 lines
945 B
SCSS
39 lines
945 B
SCSS
.main-content {
|
|
max-width: $break-lg;
|
|
margin: 0 auto;
|
|
padding: $pad-page;
|
|
flex-grow: 1;
|
|
// overflow: auto allows for horizontal scrolling
|
|
// of the main-content when there is a banner. (e.g. sandbox mode)
|
|
// Without it the main content pushes the banner off the page.
|
|
overflow: auto;
|
|
|
|
> :not(.main-content--animation-disabled) {
|
|
animation: fade-in 250ms ease-out;
|
|
}
|
|
|
|
&__warning-banner {
|
|
margin-bottom: $pad-large;
|
|
// TODO: figure out if sticky styling is needed?
|
|
position: sticky; // Needed for settings page scroll
|
|
z-index: 4; // Needed for settings page scroll
|
|
}
|
|
|
|
&.manage-hosts,
|
|
&.query-details-page,
|
|
&.run-query-page {
|
|
max-width: 100%;
|
|
}
|
|
}
|
|
|
|
@media (max-width: ($break-xs - 1)) {
|
|
.main-content {
|
|
padding: $pad-large $pad-medium $pad-medium; // 24px top, 16px sides according to #32247
|
|
}
|
|
}
|
|
|
|
@media (max-width: ($break-mobile-md - 1)) {
|
|
.main-content {
|
|
padding: 20px;
|
|
}
|
|
}
|