Skip to content
This repository was archived by the owner on Sep 3, 2025. It is now read-only.

Conversation

@whitdog47
Copy link
Contributor

This PR ensures that timeline events wrap even if the text does not have any whitespace.

Before

image

After

image

@whitdog47 whitdog47 added the bug Something isn't working label May 1, 2025
@whitdog47 whitdog47 requested a review from Copilot May 1, 2025 21:48
@whitdog47 whitdog47 self-assigned this May 1, 2025
Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull Request Overview

This PR addresses the UI issue where timeline event texts were not wrapping as expected by wrapping the event description in a span element with a "force-wrap" class.

  • Wraps event description in a span to enforce text wrapping.
  • Ensures timeline events will break lines even without whitespace.
Files not reviewed (1)
  • src/dispatch/static/dispatch/src/styles/timeline.css: Language not supported
Comments suppressed due to low confidence (1)

src/dispatch/static/dispatch/src/incident/TimelineTab.vue:47

  • Ensure that the 'force-wrap' CSS class is defined in the relevant stylesheet to properly enforce text wrapping across different browsers.
<span class="force-wrap">{{ event.description }}</span>

@whitdog47 whitdog47 merged commit eb1fbbf into main May 2, 2025
9 checks passed
@whitdog47 whitdog47 deleted the fix/force-wrap-on-timeline branch May 2, 2025 14:59
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

bug Something isn't working

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants