canvas-lms icon indicating copy to clipboard operation
canvas-lms copied to clipboard

Name column is not full-width in Grades tab in full-screen

Open clari7744 opened this issue 10 months ago • 2 comments

Summary:

When I go to the Grades tab in my browser (tested on both Chrome and Firefox), the Name column is not full-width; ie, it wraps in the middle of words and only shows about four characters at a time. When the tab is split-screened, it displays correctly, but it wraps at 4 characters when any wider.

Steps to reproduce:

  1. Go to the Grades tab of any course.
  2. Make the browser window full-screen

Expected behavior:

Wide name column like when in split-screen, wrapping only at whitespace except when unavoidable.

Actual behavior:

Name column wraps text every four characters, leaving the other columns to all be wider.

Additional notes:

clari7744 avatar Apr 22 '24 23:04 clari7744

Can confirm; column width is broken. I used to only experience this on a vertical monitor, when the window width was smaller than usual, but still too large for the site to switch to the condensed view. Here are some screenshots for reference:

Full-width Partial-width Condensed

Smity avatar May 06 '24 18:05 Smity

I believe this issue can be closed now as it seems to be fixed. A min-width: 150px; attribute looks like it has been added to the <th> attribute with the .title class.

Oia20 avatar Aug 25 '24 03:08 Oia20