mirror of
https://github.com/fleetdm/fleet
synced 2026-05-02 02:47:30 +00:00
715d963f82
Implements #32247. This is the complete feature branch, consolidating: - https://github.com/fleetdm/fleet/pull/35018 - https://github.com/fleetdm/fleet/pull/34758 - https://github.com/fleetdm/fleet/pull/35009 - https://github.com/fleetdm/fleet/pull/35181 - https://github.com/fleetdm/fleet/pull/35342 --------- Co-authored-by: Jonathan Katz <44128041+jkatz01@users.noreply.github.com> Co-authored-by: RachelElysia <71795832+RachelElysia@users.noreply.github.com> Co-authored-by: Martin Angers <martin.n.angers@gmail.com> Co-authored-by: jkatz01 <yehonatankatz@gmail.com>
38 lines
925 B
SCSS
38 lines
925 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 {
|
|
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;
|
|
}
|
|
}
|