rucio / rucio/webui

Increase RSE prefix column width for full visibility

Open
#647 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

enhancement
Dominant language
TypeScript
Stars
5
Forks
36
Avg merge
6d 17h
Merged PRs (30d)
7

Description

Description

The prefix column in RSE tables is currently too narrow, causing content to be truncated. This reduces readability and forces users to hover or interact to see full values. The column width should be increased to ensure full visibility of prefix content.

Current Behavior

  • Prefix column has limited width
  • Content gets truncated with ellipsis
  • Users cannot see full prefix values at a glance

Proposed Solution

  • Increase the default width of the prefix column
  • Ensure content is fully visible without truncation
  • Maintain responsive design for different screen sizes

Implementation Details

  1. Analyze typical prefix content length
  2. Adjust column width CSS/styling
  3. Ensure table layout remains balanced
  4. Test on various screen sizes
  5. Consider making column width adjustable by users

Acceptance Criteria

  • Prefix column displays full content without truncation
  • Column width is appropriate for typical prefix values
  • Table layout remains visually balanced
  • Responsive behavior works on mobile and desktop
  • No horizontal scrolling introduced unnecessarily

Parent Issue

  • #621

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

The issue does not name a file or test; start by locating the RSE table component and its prefix-column CSS or styling, then inspect current truncation and responsive behavior. Adjust the default width so typical prefix values are visible without unnecessary horizontal scrolling, and verify the acceptance criteria on mobile and desktop.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Active
Clarity
Mostly clear
Newbie friendliness
68/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.