fleet/frontend/components/StatusIndicatorWithIcon/_styles.scss
jacobshandling c2bd802fa4
UI - Refactor to TooltipWrapper and add offset to the tooltips on hover of the profile aggregate status indicators (#25039)
## #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>
2024-12-30 08:17:12 -08:00

26 lines
425 B
SCSS

.status-indicator-with-icon {
// default layout is horizontal
&__value {
display: inline-flex;
align-items: center;
vertical-align: middle;
.icon {
margin-right: $pad-xsmall;
}
span {
white-space: nowrap;
}
}
// overrides for different layout
&__value-vertical {
flex-direction: column;
gap: $pad-xsmall;
}
.indicator-tip-text {
text-align: center;
}
}