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

Allow admins to change the page width using custom scss

XMLWordPrintable

    • 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

      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

        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

            basbrands Bas Brands
            basbrands Bas Brands
            Ferran Recio Ferran Recio
            Jun Pataleta Jun Pataleta
            Gladys Basiana Gladys Basiana
            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 - 1 hour, 35 minutes
                1h 35m

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