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

Course jump to menu not centred in Bootstrap V4 Stable

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Minor
    • Resolution: Fixed
    • Affects Version/s: 3.5, 3.6
    • Fix Version/s: 3.5.1
    • Component/s: Course, Themes
    • Labels:
    • Testing Instructions:
      Hide
      1. Select the Boost theme.
      2. Create a new course:
        1. set the course format to "Topics"
        2. set the default number of topics to 3
        3. set the course layout setting to 'One section per page'.
      3. Navigate to the course
      4. Select the title of second topic shown
        1. Confirm that the 'Jump to...' navigation menu at the bottom of the topic between the Topic 1 and Topic 3 navigation links is centred
      5. Edit the course settings
        1. Change the course format to Weekly
      6. Select the title of second week shown
        1. Confirm that the 'Jump to...' navigation menu at the bottom of the topic between the previous and next weeks navigation links is centred
      Show
      Select the Boost theme. Create a new course: set the course format to "Topics" set the default number of topics to 3 set the course layout setting to 'One section per page'. Navigate to the course Select the title of second topic shown Confirm that the 'Jump to...' navigation menu at the bottom of the topic between the Topic 1 and Topic 3 navigation links is centred Edit the course settings Change the course format to Weekly Select the title of second week shown Confirm that the 'Jump to...' navigation menu at the bottom of the topic between the previous and next weeks navigation links is centred
    • Workaround:
      Hide

      Add the following custom CSS to the theme:

      .format-topics .jumpmenu .form-inline,

      .format-weeks .jumpmenu .form-inline {

          display: block;
      }

      Show
      Add the following custom CSS to the theme: .format-topics .jumpmenu .form-inline, .format-weeks .jumpmenu .form-inline {     display: block; }
    • Affected Branches:
      MOODLE_35_STABLE, MOODLE_36_STABLE
    • Fixed Branches:
      MOODLE_35_STABLE
    • Pull from Repository:
    • Pull 3.5 Branch:
      wip_MDL-62576_M35
    • Pull Master Branch:
      wip_MDL-62576_master

      Description

      With the upgrade to Bootstrap version 4 stable in MDL-56511 the form markup was changed to the flexbox model.  This causes the 'Jump to' menu on single page courses to no longer be centred.

      As seen here:

      Only affects Bootstrap version 4 based themes.

        Attachments

          Issue Links

            Activity

              People

              • Assignee:
                gb2048 Gareth J Barnard
                Reporter:
                gb2048 Gareth J Barnard
                Peer reviewer:
                Bas Brands
                Integrator:
                Andrew Nicols
                Tester:
                Anna Carissa Sadia
                Participants:
                Component watchers:
                Amaia Anabitarte, Carlos Escobedo, Ferran Recio, Sara Arjona (@sarjona), Víctor Déniz Falcón, Bas Brands, Amaia Anabitarte, Carlos Escobedo, Ferran Recio, Sara Arjona (@sarjona), Víctor Déniz Falcón
              • Votes:
                0 Vote for this issue
                Watchers:
                5 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:
                  Fix Release Date:
                  9/Jul/18

                  Time Tracking

                  Estimated:
                  Original Estimate - 0 minutes
                  0m
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 30 minutes
                  30m