Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(frontend): Fix path overflow on the Runs page #3781

Merged
merged 1 commit into from
May 21, 2024

Conversation

fatonramadani
Copy link
Contributor

@fatonramadani fatonramadani commented May 21, 2024

Screenshot 2024-05-21 at 14 53 35


🚀 This description was created by Ellipsis for commit 45f323f

Summary:

This PR fixes text overflow issues on the 'Runs' page by dynamically adjusting the maximum width of the schedule path display based on the container's client width.

Key points:

  • Updated RunRow.svelte to handle dynamic text overflow for schedule paths.
  • Introduced a new variable triggeredByWidth to capture the client width of the container.
  • Applied a dynamic max-width to the schedule path text based on the triggeredByWidth.

Generated with ❤️ by ellipsis.dev

Copy link
Contributor

@ellipsis-dev ellipsis-dev bot left a comment

Choose a reason for hiding this comment

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

👍 Looks good to me! Reviewed everything up to 45f323f in 1 minute and 8 seconds

More details
  • Looked at 43 lines of code in 1 files
  • Skipped 0 files when reviewing.
  • Skipped posting 1 drafted comments based on config settings.
1. frontend/src/lib/components/runs/RunRow.svelte:227
  • Draft comment:
    The hardcoded pixel value 48 used in the style calculation for max-width might not be flexible or accurate for different layouts or future design changes. Consider calculating this value dynamically based on the actual widths of sibling elements or use a more responsive design approach.
  • Reason this comment was not posted:
    Confidence of 0% on close inspection, compared to threshold of 50%.

Workflow ID: wflow_SgOGYfE0tPexbv8O


You can customize Ellipsis with 👍 / 👎 feedback, review rules, user-specific overrides, quiet mode, and more.

Copy link

Deploying windmill with  Cloudflare Pages  Cloudflare Pages

Latest commit: 45f323f
Status: ✅  Deploy successful!
Preview URL: https://4d6acaa8.windmill.pages.dev
Branch Preview URL: https://triggerd-by-max-width.windmill.pages.dev

View logs

@rubenfiszel rubenfiszel merged commit 518d8b9 into main May 21, 2024
3 checks passed
@rubenfiszel rubenfiszel deleted the triggerd-by-max-width branch May 21, 2024 17:46
@github-actions github-actions bot locked and limited conversation to collaborators May 21, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants