Add hover title to Workloads focused-label

When the Workloads summary band shows a focused workload name (e.g.
"— delly"), the label uses `truncate` with no title, so a long
workload name clips with no way to read the rest. Add a title
attribute mirroring the rendered name so hovering reveals the full
string.
This commit is contained in:
rcourtman 2026-05-10 14:29:44 +01:00
parent 5202a945a2
commit 566520f43e

View file

@ -609,7 +609,11 @@ export const WorkloadsSummary: Component<WorkloadsSummaryProps> = (props) => {
const focusedLabel = () => {
const name = focusedWorkloadName();
if (!name) return undefined;
return <span class="text-xs text-muted ml-1.5 truncate">&mdash; {name}</span>;
return (
<span class="text-xs text-muted ml-1.5 truncate" title={name}>
&mdash; {name}
</span>
);
};
const renderSyncedReadout = (
readout: { empty?: boolean; timestamp: number; value: string } | null,