fleet/frontend/layouts/CoreLayout/_styles.scss

.app-wrap {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-width: $app-min-width;
}

.core-wrapper {
  flex-grow: 1;
  margin: 0;
  padding: 0;
  position: relative;
  background-color: $core-white;
  display: flex;
  flex-direction: column;
}

.site-nav {
  background: $gradients-dark-gradient;
  box-sizing: border-box;
  display: flex;
  top: 0;
  left: 0;
  z-index: 100;
}
Resolve lots of absolute and fixed positioning issues (#571) 2016-12-06 16:55:48 +00:00			`.app-wrap {`
Upgrade Bourbon to 5.1.0 and fix deprecation warnings (#1973) - Replace uses of deprecated Bourbon helpers with raw CSS - Add autoprefixer into the build chain to prefix the now removed helpers This process was achieved by running through each of the deprecation warnings and using the following bash function to replace it in all files: ``` function bourbon-deprecate() { grep -rl "@include $1" ./frontend --exclude-dir=.git \| xargs sed -i '' -E "s/@include $1[(](.*)[)]/$1: \1/g" } ``` For some helpers, this did not result in valid CSS, so manual modifications were made. Closes #1189 #1274 2019-01-03 20:46:55 +00:00			`display: flex;`
change to horizontal nav (#379) * start with making nav horizontal and updating nav and main content areas * remove unneded subnav styling and JS code * remove unused isSmallNav and --small styles * remove isSmallNav in reducer and fix tests * change 'admin' to 'settings' * remove unnneded username to logo * change account page urls * Add user avatar dropdown to nav * remove unused background colour on company logo * get tabbing to work correctly * implement styling of tab and page descriptions * change default settings nav to organisation settings * remove more unneeded subnav code * fix some broken tests after changes * pull out getdefaultTabIndex in settingsWrapper * sticky sub nav for settings pages * tweak zindex for setting subnav * updated yarn.lock * update icons * fix collapsing nav items * tweak avatar dropdown styles * remove sidebar on osquery page 2021-03-08 16:48:29 +00:00			`flex-direction: column;`
Add fleet assets including logos, 404 image, and 500 image. (#61) This is the second PR as part of the Fleet UI Refresh #38. The goal of this PR was to insert all updated Fleet assets and remove all old assets. More style changes, including the exact sizing and placement of the new images, will occur in a future PR. 2020-11-23 19:22:42 +00:00			`min-height: 100vh;`
Add minimum width for Fleet UI and "Pack" tables on "Host details" page and "Queries" table (#1701) - Add `$min-app-width: 1200px` to define the minimum width of the Fleet UI. - Remove sort form the "Query name" column in the "Pack" tables on the Host details page - Set static widths all column in the "Pack" tables on the Host details page except the "Query name" column to support the new minimum width - Set static widths for all columns in the "Queries" table except the "Name" and "Author" columns to support the new minimum width 2021-08-18 13:17:16 +00:00			`min-width: $app-min-width;`
Resolve lots of absolute and fixed positioning issues (#571) 2016-12-06 16:55:48 +00:00			`}`

Converting JS/Radium styles to SCSS (#360) 2016-11-03 19:40:54 +00:00			`.core-wrapper {`
Upgrade Bourbon to 5.1.0 and fix deprecation warnings (#1973) - Replace uses of deprecated Bourbon helpers with raw CSS - Add autoprefixer into the build chain to prefix the now removed helpers This process was achieved by running through each of the deprecation warnings and using the following bash function to replace it in all files: ``` function bourbon-deprecate() { grep -rl "@include $1" ./frontend --exclude-dir=.git \| xargs sed -i '' -E "s/@include $1[(](.*)[)]/$1: \1/g" } ``` For some helpers, this did not result in valid CSS, so manual modifications were made. Closes #1189 #1274 2019-01-03 20:46:55 +00:00			`flex-grow: 1;`
Resolve lots of absolute and fixed positioning issues (#571) 2016-12-06 16:55:48 +00:00			`margin: 0;`
New styles for label creation form. (#101) The goal of this PR is to update the styles of the LabelForm component. Also include global style changes for form components (FormField, LabelForm, and others). 2020-12-07 23:08:59 +00:00			`padding: 0;`
Updating FlashMessage styles (#684) 2017-01-05 18:08:19 +00:00			`position: relative;`
Bring new style variables from teams into master (#707) This PR brings the style changes made in the "Align Fleet UI colors with Figma components" #615 and "Align Fleet UI with Figma (spacing and fonts)" #628 PRs into the master branch. 2021-04-30 21:32:50 +00:00			`background-color: $core-white;`
Adjust UI layout styles and fix empty state on "Hosts" page (#542) - Remove `$nav-width` and `$nav-tablet-width` because the navigation is now on the top of the layout. - Add styles to `CoreLayout` to make the main content (everything except the top nav) fill the window height. 2021-03-26 00:22:37 +00:00			`display: flex;`
			`flex-direction: column;`
Resolve lots of absolute and fixed positioning issues (#571) 2016-12-06 16:55:48 +00:00			`}`

			`.site-nav {`
Bring new style variables from teams into master (#707) This PR brings the style changes made in the "Align Fleet UI colors with Figma components" #615 and "Align Fleet UI with Figma (spacing and fonts)" #628 PRs into the master branch. 2021-04-30 21:32:50 +00:00			`background: $gradients-dark-gradient;`
Resolve lots of absolute and fixed positioning issues (#571) 2016-12-06 16:55:48 +00:00			`box-sizing: border-box;`
Update nav layout and styles. Cleanup unused css. (#71) The goal of this PR is to update the main navigation's layout and styles in accordance with the mockups created by @edamamedesign. The orgLogoUrl still needs to be tweaked so uploaded photos display nicely. For now, only the `username` is displayed at the top of the navigation and not the `orgName`. 2020-11-30 17:07:44 +00:00			`display: flex;`
			`top: 0;`
			`left: 0;`
			`z-index: 100;`
Converting JS/Radium styles to SCSS (#360) 2016-11-03 19:40:54 +00:00			`}`