Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-80519

Create a compatibility layer for Bootstrap v4 > v5 SCSS

XMLWordPrintable

    • Icon: Improvement Improvement
    • Resolution: Unresolved
    • Icon: Minor Minor
    • None
    • 4.5
    • Themes
    • MOODLE_405_STABLE
    • MDL-80519-main
    • Hide

      Setup

      1. Download and install block_bs4compat.zip
      2. Add the "Bootstrap 4 compatibility" block to your dashboard

      Test

      1. Click on Check compatibility in the installed block
      2. Confirm the examples in the "Bootstrap 4 compatibility - Check compatibility" page are correctly displayed


      3. Enable "themedesignermode" in Site administration > Appearance > Advanced theme settings
      4. Go back again to "Bootstrap 4 compatibility - Check compatibility" page
      5. Confirm the examples in the page are displayed with deprecation styles like the following:
      Show
      Setup Download and install block_bs4compat.zip Add the "Bootstrap 4 compatibility" block to your dashboard Test Click on Check compatibility in the installed block Confirm the examples in the "Bootstrap 4 compatibility - Check compatibility" page are correctly displayed Enable "themedesignermode" in Site administration > Appearance > Advanced theme settings Go back again to "Bootstrap 4 compatibility - Check compatibility" page Confirm the examples in the page are displayed with deprecation styles like the following:
    • Hide

      Fails against automated checks.

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

      Should these errors be fixed?

      Built on: Fri Feb 7 02:55:32 PM UTC 2025

      Show
      Fails against automated checks. Checked MDL-80519 using repository: https://github.com/roland04/moodle.git main [branch: MDL-80519-main | CI Job ] Error: The MDL-80519 -main branch at https://github.com/roland04/moodle.git does not apply clean to origin/main Error: Merge conflict(s) in file(s): Error: theme/boost/style/moodle.css Error: theme/classic/style/moodle.css Should these errors be fixed? Built on: Fri Feb 7 02:55:32 PM UTC 2025
    • 5
    • C->HQ 2025 Sprint I1.1 Moppies

      During the Bootstrap upgrade from version 4 to 5, some features will be dropped.
      We should create a compatibility layer to help third-party plugins in the migration process.

      Whenever possible, every BS feature tackled in MDL-79914 or MDL-79917 should be added to the backward compatibility layer in bs4-compat.scss.
      To test this compatibility a new block_bs4compat has been created

        1. block_bs4compat.zip
          229 kB
        2. screenshot-2.png
          screenshot-2.png
          137 kB
        3. screenshot-3.png
          screenshot-3.png
          126 kB
        4. screenshot-4.png
          screenshot-4.png
          128 kB
        5. screenshot-5.png
          screenshot-5.png
          106 kB

            mikelmartíncorrales Mikel Martín Corrales
            mikelmartíncorrales Mikel Martín Corrales
            Votes:
            0 Vote for this issue
            Watchers:
            7 Start watching this issue

              Created:
              Updated:

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 2 hours
                2h

                  Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.