search

instructure / canvas-lms

The open LMS by Instructure, Inc.
https://github.com/instructure/canvas-lms/wiki
GNU Affero General Public License v3.0
5.66k stars 2.5k forks source link

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

Open clari7744 opened 6 months ago

clari7744 commented 6 months ago

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:

Smity commented 5 months ago

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

Oia20 commented 2 months ago

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.