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

Inconsistent Activity Max-Width Size and/or Alignment

XMLWordPrintable

    • MOODLE_400_STABLE, MOODLE_401_STABLE

      I've noticed some alignment issues when using Moodle 4.0+ and a basic BOOST theming with "Topics" course format (other themes may experience similar issues).

      To reproduce:
      Open a forum, h5p, questionnaire type activity (others likely) and expand the window size to a large window (more than 1800px). Note that the forum elements have a different max-width: setting. By contrast, opening a page, assignment, or quiz type activity follows the same max-width size used for the new secondary nav / horizontal toolbar (~830px)

      I've wondered why we aren't using the full 100% max-width available and came up with a little CSS override to test out if I could fix the issue. 

      .pagelayout-standard #page.drawers .main-inner, 
      body.limitedwidth #page.drawers .main-inner,
      header#page-header, .secondary-navigation
      {max-width: unset!important;} 

      It does "fix" the problem with different activities having different max-width's and utilizes all screen space — but may cause other issues / not extensively tested.

      Screenshots attached.
      Not being fully versed in Moodle CSS hierarchy, who's issue is this to fix? Individual activity groups or BOOST theme?

        1. Screen Shot 2022-10-11 at 1.43.27 PM.png
          118 kB
          Josh Manders
        2. Screen Shot 2022-10-11 at 1.44.21 PM.png
          104 kB
          Josh Manders
        3. Screen Shot 2022-10-11 at 1.44.37 PM.png
          437 kB
          Josh Manders
        4. Screen Shot 2022-10-11 at 1.50.41 PM.png
          410 kB
          Josh Manders
        5. Screen Shot 2022-10-11 at 1.52.00 PM.png
          354 kB
          Josh Manders
        6. Screen Shot 2022-10-11 at 1.52.10 PM.png
          228 kB
          Josh Manders

            Unassigned Unassigned
            joshmanders Josh Manders
            Votes:
            6 Vote for this issue
            Watchers:
            6 Start watching this issue

              Created:
              Updated:
              Resolved:

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