fleet/frontend/pages/ManageControlsPage/MacOSSettings/AggregateMacSettingsIndicators/_styles.scss
Gabriel Hernandez 59fa93d5c6
add better loading UI for disk encryption page (#11762)
relates to #11048

improves the loading UI for the disk encryption page. The aggregate
profile summary no longer pops in and pushed down disk encryption
section.

- [x] Changes file added for user-visible changes in `changes/` or
`orbit/changes/`.
See [Changes
files](https://fleetdm.com/docs/contributing/committing-changes#changes-files)
for more information.
- [x] Manual QA for all new/changed functionality
2023-05-18 16:59:14 +01:00

41 lines
785 B
SCSS

.aggregate-mac-settings-indicators {
display: flex;
height: 94px;
border-top: 1px solid #e2e4ea;
border-bottom: 1px solid #e2e4ea;
border-left: 1px solid #e2e4ea;
border-radius: 6px;
&__loading-spinner {
margin: auto;
}
.aggregate-mac-settings-indicator {
flex-grow: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-right: 1px solid #e2e4ea;
// but not the tooltip text
.tooltip {
font-weight: $bold;
flex-direction: column;
}
a {
font-weight: $regular;
}
.settings-indicator {
flex-direction: column;
}
}
.aggregate-mac-settings-indicator:last-child {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
}