Workflow row spacing causes overlap between the name and type columns
- Dominant language
- TypeScript
- Stars
- 111
- Forks
- 109
- Avg merge
- 1d 23h
- Merged PRs (30d)
- 20
Description
### Severity
P4 - Low (Cosmetic/minor inconvenience)
### Describe the Bug with repro steps
Expected behavior:
- Name column should be as wide as the longest workflow name
Actual behavior:
- The default width causes the name column to overlap with the type column.
- The min and max width are set to 320px:
Steps to reproduce:
1. Create a new workflow with name "sjahdkjashdjkashkjdhasjkhdaskjdhjkashdkhasjkdhkasdasdasdasdasd" for example
2. Go back to the Workflows blade which shows the list of workflows
3. You will see the nanme overlap with the type column
### What type of Logic App Is this happening in?
Standard (Portal)
### Are you experiencing a regression?
_No response_
### Which operating system are you using?
Windows
### Did you refer to the TSG before filing this issue? https://aka.ms/lauxtsg
Yes
### Workflow JSON
```json
```
### Screenshots or Videos
### Environment
- Browser: Edge Version 142.0.3595.94
- Extension Version: 2.51029.1.21
### Additional context
_No response_
Contributor guide
No contributing guide indexed for this repository
Research direction
Start in the Workflows blade where the workflow list and its DataGrid are rendered; reproduce the overlap with a very long workflow name. The work is done when the name column no longer overlaps the type column and its width accommodates the longest workflow name without breaking the row layout.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100