mirror of
https://github.com/fleetdm/fleet
synced 2026-04-21 21:47:20 +00:00
f0ebb47de6
<!-- Add the related story/sub-task/bug number, like Resolves #123, or remove if NA --> **Related issue:** Resolves #34652 This updates the TooltipTruncatedText component to use our TooltipWrapper component. This helps us maintain consistency in our tooltips.
19 lines
619 B
SCSS
19 lines
619 B
SCSS
.tooltip-truncated-text {
|
|
// we want this component to take up the full width of its parent container.
|
|
// This means the width where the truncation occurs must be defined in the
|
|
// parent that is using this component. This allows for maximum flexibility
|
|
// in different use cases.
|
|
max-width: 100%;
|
|
|
|
// we have to reach into the tooltip wrapper compoment and set the width to 100%
|
|
// for the tooltip element to be the same width as the parent
|
|
.component__tooltip-wrapper__element {
|
|
width: 100%;
|
|
}
|
|
|
|
&__text-value {
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
}
|