Loading...

XML

Word

Printable

Type: Improvement
Resolution: Fixed
Priority: Minor
Fix Version/s: 5.0
Affects Version/s: 4.1, 5.0
Component/s: Themes
Labels:

Affected Branches:
MOODLE_401_STABLE, MOODLE_500_STABLE
Fixed Branches:
MOODLE_500_STABLE
Epic Link:
Bootstrap 5.x Upgrade
Pull from Repository:
https://github.com/roland04/moodle.git
Pull Main Branch:
~~MDL-75669~~-main
Pull Main Diff URL:
https://github.com/roland04/moodle/compare/77a7d81290...MDL-75669-main
Documentation link:
https://github.com/moodle/devdocs/pull/1243
Testing Instructions:
Hide

Covered by Behat tests

Smoke test

Check that the pages load without errors.

Verify that basic links work.

Ensure that the main interface elements are visible and accessible.

Confirm there are no obvious errors or critical blockers.

Login as administrator

Check the dashboard page

Create a new course with some activities

Check the main course page (also the course index and block drawers)

Check activity page

Go to Site Administration and Search for "Course"

Check the administration page

Create some other courses (at least 13)

Check "My courses" page

Create a new student user in a course

Login as student

Check the dashboard page

Check main course page (also the course index and block drawers)

Check activity page

Install a language pack (RTL, like https://en.wikipedia.org/wiki/Right-to-left_script )

Check the "My courses" page, "Dashboard" page and the course index page.
Show
Covered by Behat tests Smoke test Check that the pages load without errors. Verify that basic links work. Ensure that the main interface elements are visible and accessible. Confirm there are no obvious errors or critical blockers. Login as administrator Check the dashboard page Create a new course with some activities Check the main course page (also the course index and block drawers) Check activity page Go to Site Administration and Search for "Course" Check the administration page Create some other courses (at least 13) Check "My courses" page Create a new student user in a course Login as student Check the dashboard page Check main course page (also the course index and block drawers) Check activity page Install a language pack (RTL, like https://en.wikipedia.org/wiki/Right-to-left_script ) Check the "My courses" page, "Dashboard" page and the course index page.
Pre-check results:
Hide

Code verified against automated checks with warnings.

Checked ~~MDL-75669~~ using repository: https://github.com/roland04/moodle.git

main (0 errors / 267 warnings) [branch: MDL-75669-main | CI Job]

overview (0/0), phplint (0/0), phpcs (0/0), js (0/0), css (0/0), phpdoc (0/0), commit (0/1), savepoint (0/0), thirdparty (0/0), externalbackup (0/0), grunt (0/0), shifter (0/0), mustache (0/266), gherkin (0/0),

Should these errors be fixed?

Built on: Mon Feb 3 08:57:19 AM UTC 2025
Show
Code verified against automated checks with warnings. Checked MDL-75669 using repository: https://github.com/roland04/moodle.git main (0 errors / 267 warnings) [branch: MDL-75669-main | CI Job ] overview (0/0) , phplint (0/0) , phpcs (0/0) , js (0/0) , css (0/0) , phpdoc (0/0) , commit (0/1) , savepoint (0/0) , thirdparty (0/0) , externalbackup (0/0) , grunt (0/0) , shifter (0/0) , mustache (0/266) , gherkin (0/0) , Should these errors be fixed? Built on: Mon Feb 3 08:57:19 AM UTC 2025
Automated test results:
Hide

Launching automatic jobs for branch ~~MDL-75669~~-main

https://ci.moodle.org/view/Testing/job/DEV.02%20-%20Developer-requested%20PHPUnit/18280/ PHPUnit (sqlsrv / complete)

https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/62490/ Behat (NonJS - boost and classic / complete)

https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/62491/ Behat (Firefox - boost / complete)

https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/62492/ Behat (Firefox - classic / complete)

https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/62493/ App tests (stable app version) / complete)

Built on: Mon Feb 17 08:27:06 AM UTC 2025
Show
Launching automatic jobs for branch MDL-75669 -main https://ci.moodle.org/view/Testing/job/DEV.02%20-%20Developer-requested%20PHPUnit/18280/ PHPUnit (sqlsrv / complete) https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/62490/ Behat (NonJS - boost and classic / complete) https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/62491/ Behat (Firefox - boost / complete) https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/62492/ Behat (Firefox - classic / complete) https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/62493/ App tests (stable app version) / complete) Built on: Mon Feb 17 08:27:06 AM UTC 2025

Story Points:
5
Sprint:
HQ 2025 Sprint I1.1 Moppies

Upgrade the Boost theme based on Bootstrap 5.x.

Fix Any "Breaking changes" left from ~~MDL-79914~~ (Initial refactor) and ~~MDL-79917~~ (Bridge)
Fix all failing behat tests
Adapt SCSS styles and variables

- - Sort By Name
  - Sort By Date
  - Ascending
  - Descending
  - Thumbnails
  - List
  - Download All

bscheck.sh
27/Jan/25 4:18 PM
0.8 kB
Laurent David
image-2025-01-27-14-06-21-861.png
27/Jan/25 9:06 PM
24 kB
Laurent David
image-2025-01-27-14-07-04-160.png
27/Jan/25 9:07 PM
355 kB
Laurent David
image-2025-01-27-14-07-59-292.png
27/Jan/25 9:08 PM
262 kB
Laurent David
image-2025-01-27-14-08-45-299.png
27/Jan/25 9:08 PM
262 kB
Laurent David
image-2025-01-27-14-08-56-355.png
27/Jan/25 9:08 PM
312 kB
Laurent David
My Course.png
27/Jan/25 9:09 PM
62 kB
Laurent David
Course List.png
27/Jan/25 9:09 PM
91 kB
Laurent David
Course List-1.png
27/Jan/25 9:09 PM
91 kB
Laurent David
Course List-2.png
27/Jan/25 9:10 PM
91 kB
Laurent David
image-2025-01-27-14-10-18-545.png
27/Jan/25 9:10 PM
91 kB
Laurent David
image-2025-01-27-14-10-30-371.png
27/Jan/25 9:10 PM
62 kB
Laurent David
image-2025-01-27-14-10-56-815.png
27/Jan/25 9:10 PM
14 kB
Laurent David
image-2025-01-27-14-11-18-597.png
27/Jan/25 9:11 PM
53 kB
Laurent David
image-2025-01-27-14-11-37-603.png
27/Jan/25 9:11 PM
58 kB
Laurent David
comparisonbs.js
28/Jan/25 6:32 PM
4 kB
Laurent David
image-2025-01-30-09-15-08-762.png
30/Jan/25 4:15 PM
60 kB
Laurent David
image-2025-01-30-09-25-03-590.png
30/Jan/25 4:25 PM
47 kB
Laurent David
image-2025-01-30-09-26-03-476.png
30/Jan/25 4:26 PM
33 kB
Laurent David
image-2025-01-30-09-30-33-277.png
30/Jan/25 4:30 PM
19 kB
Laurent David
screenshot-1.png
03/Feb/25 1:42 PM
43 kB
Laurent David
MDL-75669.png
19/Feb/25 10:38 AM
3.04 MB
Ron Carl Alfon Yu

blocks

MDL-84381 Hide Bootstrap 4 documentation from Component library

Closed

MDL-84416 Duplicate activity also duplicates badges

Closed

MDL-75676 Update the tool_componentlibrary Bootstrap content to v5

Closed

MDL-80519 Create a compatibility layer for Bootstrap v4 > v5 SCSS

Closed

MDL-84324 Add jQuery compatibility for Bootstrap 5

Closed

MDL-84346 Make the completion button styles more generic

Closed

caused a regression

MDL-85300 Tooltips are not created for content loaded with ajax

Open

MDL-85306 Toggle element doesn't display tooltips

Open

MDL-85549 Text in Primary Navigation Submenu Overlaps Checkmark

Open

MDL-85659 TinyMCE generated tables are incorrectly displayed

Open

MDL-85633 Course search pagination UI is not affected by Bootstrap 5 mixins

Waiting for peer review

MDL-85260 Page is scrollable when modals are open

Waiting for integration review

MDL-84705 AI: Bootstrap upgrade broke AI image model

Closed

MDL-85264 Dynamic tab changes no longer prompt form change checker

Closed

MDL-85273 Dropdown "custom menu item" will not toggle when in "More" menu in Primary navigation

Closed

MDL-85311 Unread forum posts no longer highlighted

Closed

MDL-83173 My courses cards three dots container overlaps the layout in classic theme

Closed

MDL-84114 When managing the questions of a quiz, the version pulldown UI element looks different in 5.0

Closed

MDL-84376 Bootstrap 5.x - Plugin overview page table

Closed

MDL-84377 Bootstrap 5.x - Assignment table

Closed

MDL-84378 Bootstrap 5.x - Assignment submission page and Switch question bank button

Closed

MDL-84379 Bootstrap 5.x - Course management page

Closed

MDL-84380 Bootstrap 5.x - Question bank page

Closed

MDL-84407 Bootstrap 5.x - Plugin overview page - number available plugins

Closed

MDL-84524 Bootstrap 5.x - Fix Backup and restore form styling

Closed

MDL-84526 Bootstrap 5.x - Misaligned table toggle elements

Closed

MDL-84613 "Skip to main content" not visible

Closed

MDL-84618 Buttons with only .btn class are missing focus styles

Closed

MDL-84628 Bootstrap 5.x - Course "Logs" report

Closed

MDL-84631 Bootstrap 5.x - Activities completion "pills"

Closed

MDL-84637 Help icons not working on Report Builder editor page

Closed

MDL-84643 Fix color contrast ratio for check inputs

Closed

MDL-84644 Fix Report builder editor table styles

Closed

MDL-84647 Table "text muted" classes no longer apply

Closed

MDL-84649 The trash/delete icon is not in its proper place

Closed

MDL-84661 Fix active tab style in the Report builder editor

Closed

MDL-84694 Deprecated style in use in the Activities overview page

Closed

MDL-84738 Buttons in the assignment are not aligned

Closed

MDL-84743 Fix spacing for form checkbox inputs

Closed

MDL-84749 Forum action menu dropdown cropping/overflow bug

Closed

MDL-84756 Glossary keywords does not use Bootstrap 5 classes

Closed

MDL-84772 Data filter UI regressions with Boostrap 5

Closed

MDL-84775 btn gets 100% with when in .row, e.g. in the quiz "Questions" page when it is not yet filled

Closed

MDL-84790 Alignment of action items is off centre

Closed

MDL-84836 MFA: Deprecated styles in user preference page

Closed

MDL-84849 Category management page drag/drop of courses is broken

Closed

MDL-84892 Environment page warnings/errors no longer styled since BS5

Closed

MDL-84894 Question answers dropdowns are not aligned with the text

Closed

MDL-84897 Since Bootstrap 5, course drag&drop upload monitor is not displayed correctly

Closed

MDL-84917 Usertours: Color mismatch between icons

Closed

MDL-84986 Styling issue in the assignment submission status table

Closed

MDL-85017 The active item in the 'More' menu of the secondary course menu needs more spacing

Closed

MDL-85021 Fix Feedback "Edit questions" after BS5 upgrade

Closed

MDL-85025 "Average of ratings" container overlaps the ratings drop down

Closed

MDL-85029 AI Provider instances ordering uses deprecated styles

Closed

MDL-85035 Participants page broken row hover styling

Closed

MDL-85077 TinyMCE modal doesn't display nicely on mobile on the forum page

Closed

MDL-85078 Styling issues when viewing a forum on mobile

Closed

MDL-85092 Quiz printer-friendly display version is including the site header

Closed

MDL-85100 mforms groups labels not displayed for question types

Closed

MDL-85102 Bootstrap upgrade broke passwordunmask field

Closed

MDL-85167 Tertiary navigation is no longer accessible by keyboard in 5.0

Closed

MDL-85205 Link underline on hover does not work in moodle 5.0.

Closed

MDL-85222 Grey zebra-striping background showing on report builder card view on small screens

Closed

MDL-84374 Bootstrap 5.x - Frontpage setting

Closed

MDL-84375 Bootstrap 5.x - Icons are now all in "blue" (like a link)

Closed

MDL-85644 Missing margin in course categories course listing container

Waiting for component lead review

has a non-specific relationship to

MDL-84410 Evaluate Bootstrap incorporation in our Component Library

Closed

has to be done before

MDL-80610 Focus indicator for checkboxes, radio buttons and toggles may be failing contrast requirements

Open

MDL-84450 Create a compatibility helper for Boostrap v4 > v5 data-attributes

Closed

will help resolve

MDL-75681 Refactor bootstrap 5.x data attributes

Closed

mentioned in: Page Loading...; Page Loading...; Page Loading...; Page Loading...; Page Loading...

(1 blocks, 61 caused a regression, 1 has a non-specific relationship to, 2 has to be done before, 1 will help resolve, 5 mentioned in)

Assignee:: Mikel Martín Corrales

Reporter:: Bas Brands

Peer reviewer:: Laurent David

Integrator:: Ferran Recio

Tester:: Ron Carl Alfon Yu

Participants:: Bas Brands, CiBoT, Dani Palou, Ferran Recio, Helen Foster, Huong Nguyen, Jun Pataleta, Laurent David, Matt Porritt, Meirza, Mikel Martín Corrales, Ron Carl Alfon Yu, Sara Arjona (@sarjona), Shamim Rezaie, Simey Lameze

Votes:: 0 Vote for this issue

Watchers:: 24 Start watching this issue

Created:: 07/Sep/22 4:01 PM

Updated:: 04/Jun/25 1:45 PM

Resolved:: 21/Feb/25 11:47 AM

Estimated:

Remaining:

Logged:

3w 3d 3h 48m

Details

Covered by Behat tests

Smoke test

Description

Attachments

Attachments

Issue Links

Activity

People

Dates

Time Tracking

Clockify