mirror of
https://github.com/fleetdm/fleet
synced 2026-05-17 14:08:25 +00:00
c2bd802fa4
## #25038 Refactor to TooltipWrapper and add offset to the tooltips on hover of the profile aggregate status indicators. <img width="1345" alt="Screenshot 2024-12-29 at 9 00 38 PM" src="https://github.com/user-attachments/assets/3bf5cf3c-e9fc-47dc-aa07-9cef42edcae0" /> - [x] Changes file added for user-visible changes in `changes/`, - [x] Manual QA for all new/changed functionality --------- Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
49 lines
881 B
SCSS
49 lines
881 B
SCSS
.profile-status-aggregate {
|
|
display: flex;
|
|
height: 94px;
|
|
border-top: 1px solid #e2e4ea;
|
|
border-bottom: 1px solid #e2e4ea;
|
|
border-left: 1px solid #e2e4ea;
|
|
border-radius: $border-radius-medium;
|
|
|
|
&__loading-spinner {
|
|
margin: auto;
|
|
}
|
|
|
|
&__profile-status-count {
|
|
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;
|
|
}
|
|
|
|
.profile-status-indicator {
|
|
flex-direction: column;
|
|
}
|
|
}
|
|
|
|
&__profile-status-count:last-child {
|
|
border-top-right-radius: 6px;
|
|
border-bottom-right-radius: 6px;
|
|
}
|
|
|
|
&__status-indicator-value {
|
|
font-weight: $bold;
|
|
}
|
|
|
|
.icon {
|
|
margin-right: initial;
|
|
}
|
|
}
|