fleet/frontend/pages/ManageControlsPage/MacOSSettings/AggregateMacSettingsIndicators/_styles.scss
Jacob Shandling 4fb958770c
UI: Aggregate mac settings indicators (#10303)
**Addresses** #9415 

**Implements**
<img width="1225" alt="Screenshot 2023-03-03 at 3 29 06 PM"
src="https://user-images.githubusercontent.com/61553566/222854277-5585f6d7-cb4d-4946-881f-01f79bf8342a.png">

**Demo**
https://www.loom.com/share/1cb3dbb9a1194581be89102029b0d6ba

If some of the following don't apply, delete the relevant line.

- [x] Changes file added for user-visible changes in `changes/` 
- [x] Updated [testing
inventory](https://docs.google.com/spreadsheets/d/1HyKnq7jTk4IJmDHVwU-x9kcH7bgvjDTxohML4hPGfK8/edit#gid=0)
- [x] Manual QA for all new/changed functionality

---------

Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
2023-03-08 11:43:00 -08:00

37 lines
739 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;
.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;
}
}