fleet/frontend/pages/admin/_styles.scss
Jacob Shandling 280e3261bf
UI, Premium to Sandbox addendum 1: Hide MDM settings (#11425)
## Addresses 1 of 2 [additional specs for premium to
sandbox](https://fleetdm.slack.com/archives/C01EZVBHFHU/p1682644171632189)

- Hides the MDM Settings tab in Sandbox mode
- Slight reorganization of directories and names


## Checklist for submitter

- [x] Manual QA for all new/changed functionality

---------

Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
2023-04-28 13:13:13 -07:00

41 lines
832 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;
}
}
// These styles are here to make the sticky header and nav work correctly
// with the sandbox mode expiry message.
&.sandbox-mode {
h1 {
&::before {
height: 0;
top: 0;
}
}
}
.component__tabs-wrapper {
top: $pad-xxlarge; // for sticky
z-index: 3;
}
}