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
              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