bf3e1bab99
**Related issue:** Resolves https://github.com/fleetdm/fleet/issues/46818 and https://github.com/fleetdm/fleet/issues/48524. # Checklist for submitter - [x] Changes file added for user-visible changes in `changes/`, `orbit/changes/` or `ee/fleetd-chrome/changes`. ## Testing - [x] Added/updated automated tests - [x] QA'd all new/changed functionality manually ## fleetd/orbit/Fleet Desktop - [x] Verified compatibility with the latest released version of Fleet (see [Must rule](https://github.com/fleetdm/fleet/blob/main/docs/Contributing/workflows/fleetd-development-and-release-strategy.md)) - [x] If the change applies to only one platform, confirmed that `runtime.GOOS` is used as needed to isolate changes - [x] Verified that fleetd runs on macOS, Linux and Windows - [x] Verified auto-update works from the released version of component to the new version (see [tools/tuf/test](../tools/tuf/test/README.md)) <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit * **New Features** * Host lists and Host details now show human‑readable Apple hardware marketing names (macOS, iOS, iPadOS) where available (e.g., "MacBook Pro (16‑inch, 2021)"), replacing raw model identifiers. * Hardware model displays fall back to the original model identifier for non‑Apple or unmapped devices. * **Bug Fixes / CSV** * Exported host CSVs now align with the UI by using the marketing name for Apple devices when available. <!-- end of auto-generated comment: release notes by coderabbit.ai --> --------- Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com> Co-authored-by: Lucas Manuel Rodriguez <lucas@fleetdm.com>
30 lines
1012 B
SCSS
30 lines
1012 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;
|
|
}
|
|
|
|
// When a supplemental tooltip is available, underline the value to signal it.
|
|
// The dashed border sits on the text value itself (not the wrapper element)
|
|
// so it isn't clipped by truncating (`overflow: hidden`) parents such as the
|
|
// DataSet `dd`.
|
|
&--underline &__text-value {
|
|
display: inline-block;
|
|
max-width: 100%;
|
|
border-bottom: 1px dashed $ui-fleet-black-50;
|
|
}
|
|
}
|