CSS layout issue on submissions page

Bug #1976574 reported by Dianne Tennent
6
This bug affects 1 person
Affects Status Importance Assigned to Milestone
Mahara
Confirmed
Medium
Unassigned

Bug Description

Found on main in Firefox and Chromium

The table with the list of submissions is wider than the header and is not responsive to different screen widths (being cut off at smaller widths)

See screenshots attached

To test
1. Create a controlled group with some members
2. Masquerade as a member and submit a collection to the group
3. Log in as admin and go to Main menu>Share>Submissions

Expected:
 - List of submissions is same width as the header and responds to smaller screen widths

Actual
 - Wider than header and not responsive

Note: this error persisted after updating the DataTables.js files to be Bootstrap 5 compatible

Revision history for this message
Dianne Tennent (dianne-t) wrote :
description: updated
Revision history for this message
Dianne Tennent (dianne-t) wrote :
description: updated
description: updated
description: updated
Revision history for this message
Kristina Hoeppner (kris-hoeppner) wrote :

Best to tackle after the Bootstrap 5 upgrade

tags: added: accessibility front-end
Changed in mahara:
status: New → Confirmed
importance: Undecided → Medium
To post a comment you must log in.
This report contains Public information  
Everyone can see this information.

Other bug subscribers

Related blueprints

Remote bug watches

Bug watches keep track of this bug in other bug trackers.