fleet/frontend/pages/admin/_styles.scss
Gabriel Hernandez ce01ca32ce
Feat UI changes to controls page (#16379)
relates to #16046

updates to various UI changes for the controls page.

includes:

- changes to header styles,
- changing layout of the os updates
- remove accordion and add tabs for os update targets
- various style fixes

- [x] Changes file added for user-visible changes in `changes/` or
`orbit/changes/`.
- [x] Manual QA for all new/changed functionality
2024-01-26 18:41:35 +00:00

38 lines
799 B
SCSS

@import "../../../node_modules/react-tabs/style/react-tabs.scss";
.admin-wrapper {
// we turn off overflow on the settings page as it seems to mess with our
// header and navigation
overflow: visible;
h1 {
display: flex;
align-items: center;
height: 38px;
position: relative;
// fake padding for h1 while sticky
&::before {
content: "";
width: 100%;
height: $pad-xxlarge;
position: absolute;
top: -$pad-xxlarge;
background-color: $core-white;
}
}
.component__tabs-wrapper {
top: $pad-xxlarge; // for sticky
z-index: 3;
}
.side-nav__card-container {
// all side navs in the admin section we want to limit the max width
>* {
width: 100%;
max-width: $settings-form-max-width;
}
}
}