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

Allow admins to change the page width using custom scss

    XMLWordPrintable

Details

    • Bug
    • Status: Closed
    • Minor
    • Resolution: Fixed
    • 4.0
    • 4.0
    • Themes
    • MOODLE_400_STABLE
    • MOODLE_400_STABLE
    • MDL-73918-master
    • Hide
      1. Login as admin
      2. Navigate to Site administration > Appearance > Themes> Boost
      3. Click the 'Advanced settings tab'
      4. In Field 'Raw initial SCSS' add

      $course-content-maxwidth: 1200px;
      $h5p-content-maxwidth: 1200px;
      

      1. Save changes
      2. Navigate to the course page
      3. Verify the course page can now have a width of 1200px

      1. On the course navigate to the content bank
      2. Upload the attached h5p file
      3. Click the h5p file in the content bank
      4. Verify you can view the h5p content in a width of 1200px

      Show
      Login as admin Navigate to Site administration > Appearance > Themes> Boost Click the 'Advanced settings tab' In Field 'Raw initial SCSS' add $course-content-maxwidth: 1200px; $h5p-content-maxwidth: 1200px; Save changes Navigate to the course page Verify the course page can now have a width of 1200px On the course navigate to the content bank Upload the attached h5p file Click the h5p file in the content bank Verify you can view the h5p content in a width of 1200px

    Description

      By mistake the variables for setting the page width and the h5p content bank with is not configurable:

      in theme/boost/scss/moodle/variables.scss

      $course-content-maxwidth: 830px;
      $h5p-content-maxwidth: 960px;

      Adding  '!default' to these variables allow admin to change the values in custom scss

      Attachments

        1. drag-and-drop-712.h5p
          1.04 MB
        2. Screenshot_1.PNG
          Screenshot_1.PNG
          108 kB
        3. Screenshot_2.PNG
          Screenshot_2.PNG
          151 kB
        4. Screenshot 2022-02-17 at 12.47.49.png
          Screenshot 2022-02-17 at 12.47.49.png
          488 kB
        5. Screenshot 2022-02-17 at 12.50.15.png
          Screenshot 2022-02-17 at 12.50.15.png
          460 kB

        Activity

          People

            basbrands Bas Brands
            basbrands Bas Brands
            Ferran Recio Ferran Recio
            Jun Pataleta Jun Pataleta
            Gladys Basiana Gladys Basiana
            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:
              19/Apr/22

              Time Tracking

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 1 hour, 35 minutes
                1h 35m