mirror of
https://github.com/fleetdm/fleet
synced 2026-05-24 09:28:54 +00:00
8a5569cd1b
# Addresses #9349 # Implements https://www.loom.com/share/bbf8d6f97fe74e65a0c9a394f1bda3f1 - New Controls page, only visible to Global|Team Admins|Maintainers - Header for free users is 'Controls', for premium is a teams filter dropdown that defaults to 'No teams,' which filters via updating the URL query param "team_id" - Includes tabs macUpdates (default) and macSettings - Cleaned up how site nav items are conditionally included/excluded based on authorization – see `frontend/components/top_nav/SiteTopNav/navItems.ts` - Updated masthead styles: Removed icons from site nav links; updated colors and spacing; Updated default user avatar TBD in separate PR (waiting on guidance) # Checklist for submitter - [x] Changes file added for user-visible changes in `changes/` - [x] Updated testing suite inventory - [x] Manual QA for all new/changed functionality Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
90 lines
1.3 KiB
SCSS
90 lines
1.3 KiB
SCSS
.app-wrap {
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
.core-wrapper {
|
|
flex-grow: 1;
|
|
margin: 0;
|
|
padding: 0;
|
|
position: relative;
|
|
background-color: $core-white;
|
|
display: flex;
|
|
|
|
// App hidden below 768px
|
|
@media (max-width: $break-768 - 1px) {
|
|
display: none;
|
|
}
|
|
|
|
// App not hidden when printing
|
|
@media print {
|
|
display: initial;
|
|
}
|
|
|
|
a {
|
|
img {
|
|
height: 12px;
|
|
width: 12px;
|
|
margin-left: $pad-xsmall;
|
|
}
|
|
}
|
|
}
|
|
|
|
.site-nav-container {
|
|
background: $core-fleet-black;
|
|
box-sizing: border-box;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 100;
|
|
|
|
// Nav hidden below 768px;
|
|
@media (max-width: $break-768 - 1px) {
|
|
display: none;
|
|
}
|
|
|
|
// Nav not hidden when printing
|
|
@media print {
|
|
display: initial;
|
|
}
|
|
}
|
|
|
|
.overlay {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 3;
|
|
background-color: #fff;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: $pad-medium;
|
|
|
|
// Overlay below 768px
|
|
@media (min-width: 768px) {
|
|
display: none;
|
|
}
|
|
|
|
// No overlay when printing
|
|
@media print {
|
|
display: none;
|
|
}
|
|
|
|
img {
|
|
width: 160px;
|
|
}
|
|
|
|
&__text {
|
|
text-align: center;
|
|
|
|
h1 {
|
|
font-size: $small;
|
|
font-weight: $bold;
|
|
}
|
|
|
|
p {
|
|
font-size: $xx-small;
|
|
}
|
|
}
|
|
}
|