fleet/frontend/components/MainContent/_styles.scss

.main-content {
  padding: $pad-xlarge;
  background-color: $core-white;
  flex-grow: 1;
  // overflow: auto allows for horizontal scrolling
  // of the main-content when there is a sidebar.
  // Without it the main content pushes the sidebar off the page.
  overflow: auto;
  animation: fade-in 250ms ease-out;
}
Add expiry time warning in sandbox mode (#6830) * create a MainContent and SidePanelContent containers for layout this creates these two new components for handling layout more cleanly. It also allows us to put in common components into main layout, like sandbox expiration notification * use MainContent and SidePanelContent in current pages this brings in the two new components and wraps the page contents in these. This also allowed us to clean up and remove unused/no needed styling code * add MainContent component to user settings page and clean up user settings component this cleans up the user settings page to follow the panel convention we have as well as adds the MainContent component to this page * add MainContent component to team pages * update Sandbox gate to render optional component when in sandbox mode and add to MainContent * add call to sandbox api to get expiry time this adds a conditional call when the user is in sandbox mode to get the expiry time of the instance * fix sticky elements on settings pages to work with sandbox expiry message * fix e2e test after MainContent refactor 2022-07-26 12:05:57 +00:00			`.main-content {`
			`padding: $pad-xlarge;`
			`background-color: $core-white;`
			`flex-grow: 1;`
			`// overflow: auto allows for horizontal scrolling`
			`// of the main-content when there is a sidebar.`
			`// Without it the main content pushes the sidebar off the page.`
			`overflow: auto;`
UI hackathon transitions (#9163) 2023-01-04 16:06:30 +00:00			`animation: fade-in 250ms ease-out;`
Add expiry time warning in sandbox mode (#6830) * create a MainContent and SidePanelContent containers for layout this creates these two new components for handling layout more cleanly. It also allows us to put in common components into main layout, like sandbox expiration notification * use MainContent and SidePanelContent in current pages this brings in the two new components and wraps the page contents in these. This also allowed us to clean up and remove unused/no needed styling code * add MainContent component to user settings page and clean up user settings component this cleans up the user settings page to follow the panel convention we have as well as adds the MainContent component to this page * add MainContent component to team pages * update Sandbox gate to render optional component when in sandbox mode and add to MainContent * add call to sandbox api to get expiry time this adds a conditional call when the user is in sandbox mode to get the expiry time of the instance * fix sticky elements on settings pages to work with sandbox expiry message * fix e2e test after MainContent refactor 2022-07-26 12:05:57 +00:00			`}`