zwave-js / zwave-js-ui / 23185554516

18%

push

github

fix(ui): prevent last seen time from being cut off in compact view (#4592)

Last seen time in compact view cards gets truncated when locale produces
longer date/time strings (e.g., "12/10/2025, 10:11:21 PM" with AM/PM
format). The 150px card width clips the text.

### Changes

- Add `last-active-text` class to date/time display in
`StatisticsArrows.vue`
- Apply `white-space: nowrap` to prevent wrapping
- Reduce font size to `0.65rem` to fit longer strings

```css
.last-active-text {
  white-space: nowrap;
  font-size: 0.65rem;
}
```

Full date/time remains accessible via the existing tooltip on hover.

> [!WARNING]
>
> <details>
> <summary>Firewall rules blocked me from connecting to one or more
addresses (expand for details)</summary>
>
> #### I tried to connect to the following addresses, but was blocked by
firewall rules:
>
> - `224.0.0.251`
>   - Triggering command: `REDACTED, pid is -1` (packet block)
>
> If you need me to access, download, or install something from one of
these locations, you can either:
>
> - Configure [Actions setup
steps](https://gh.io/copilot/actions-setup-steps) to set up my
environment, which run before the firewall is enabled
> - Add the appropriate URLs or hosts to the custom allowlist in this
repository's [Copilot coding agent
settings](https://github.com/zwave-js/zwave-js-ui/settings/copilot/coding_agent)
(admins only)
>
> </details>

<!-- START COPILOT ORIGINAL PROMPT -->



<details>

<summary>Original prompt</summary>

> 
> ----
> 
> *This section details on the original issue you should resolve*
> 
> <issue_title>Last Seen Time Cut Off in Compact View</issue_title>
> <issue_description>### Checklist
> 
> - [x] I am not using Home Assistant. Or: a developer has told me to
come here.
> - [x] I have checked the troubleshooting section and my problem is not
described there.
> - [x] I have read the changelog and my problem is not mentioned there.
> 
> ### Deploy method
> 
> Home Assistant Add-on
> 
> ### Z-Wave JS UI ve... (continued)

335 of 445 branches covered (75.28%)

Branch coverage included in aggregate %.

4054 of 23538 relevant lines covered (17.22%)

1.09 hits per line