Public bug reported: Tested in Chrome on Main with Bootstrap 4 and on Chrome with Bootstrap 5
To test: 1. Create 6 institutions with at least 1 person in each 2. run cron 3. Go to Admin > reports page 4. Resize screen to between 992 and 1200px wide 5. Check 'People by institution' pie chart Outcome: Piechart overlaps legend at this screen width, as width and height changes responsively. The width and height seems to be controlled by the canvas aspect-ratio property in CSS in response to the size of the parent div. Need to look into it further to resolve. https://www.chartjs.org/docs/latest/configuration/responsive.html ** Affects: mahara Importance: Undecided Status: New -- You received this bug notification because you are a member of Mahara Contributors, which is subscribed to Mahara. Matching subscriptions: mahara-contributors https://bugs.launchpad.net/bugs/1979162 Title: Chart.js canvas element overlaps legend data between 992 and 1200px Status in Mahara: New Bug description: Tested in Chrome on Main with Bootstrap 4 and on Chrome with Bootstrap 5 To test: 1. Create 6 institutions with at least 1 person in each 2. run cron 3. Go to Admin > reports page 4. Resize screen to between 992 and 1200px wide 5. Check 'People by institution' pie chart Outcome: Piechart overlaps legend at this screen width, as width and height changes responsively. The width and height seems to be controlled by the canvas aspect-ratio property in CSS in response to the size of the parent div. Need to look into it further to resolve. https://www.chartjs.org/docs/latest/configuration/responsive.html To manage notifications about this bug go to: https://bugs.launchpad.net/mahara/+bug/1979162/+subscriptions _______________________________________________ Mailing list: https://launchpad.net/~mahara-contributors Post to : [email protected] Unsubscribe : https://launchpad.net/~mahara-contributors More help : https://help.launchpad.net/ListHelp
