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

Course jump to menu not centred in Bootstrap V4 Stable

    XMLWordPrintable

Details

    • Bug
    • Status: Closed
    • Minor
    • Resolution: Fixed
    • 3.5, 3.6
    • 3.5.1
    • Course, Themes
    • MOODLE_35_STABLE, MOODLE_36_STABLE
    • MOODLE_35_STABLE
    • wip_MDL-62576_master
    • 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; }
    • 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

    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

              gb2048 Gareth J Barnard
              gb2048 Gareth J Barnard
              Bas Brands Bas Brands
              Andrew Lyons Andrew Lyons
              Anna Carissa Sadia Anna Carissa Sadia
              Amaia Anabitarte, Carlos Escobedo, Laurent David, Mikel Martín Corrales, Sabina Abellan, Sara Arjona (@sarjona), Huong Nguyen, Bas Brands, Mathew May, Amaia Anabitarte, Carlos Escobedo, Laurent David, Mikel Martín Corrales, Sabina Abellan, Sara Arjona (@sarjona)
              Votes:
              0 Vote for this issue
              Watchers:
              5 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:
                9/Jul/18

                Time Tracking

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