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

Course jump to menu not centred in Bootstrap V4 Stable

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: Minor Minor
    • 3.5.1
    • 3.5, 3.6
    • 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

      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.

        1. MDL-62576.PNG
          25 kB
          Anna Carissa Sadia
        2. Screenshot_2018-05-23 Course Topics single section, Topic Topic 2.png
          42 kB
          Gareth J Barnard
        3. Screen Shot 2018-05-29 at 10.39.14.png
          104 kB
          Bas Brands

            gb2048 Gareth J Barnard
            gb2048 Gareth J Barnard
            Bas Brands Bas Brands
            Andrew Lyons Andrew Lyons
            Anna Carissa Sadia Anna Carissa Sadia
            Votes:
            0 Vote for this issue
            Watchers:
            5 Start watching this issue

              Created:
              Updated:
              Resolved:

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

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