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

reduce size of sideblocks in Afterburner theme and add @ media styles to make it a fully responsive design

    XMLWordPrintable

    Details

    • Type: Improvement
    • Status: Closed
    • Priority: Minor
    • Resolution: Fixed
    • Affects Version/s: 2.4
    • Fix Version/s: 2.6
    • Component/s: Themes
    • Labels:
    • Testing Instructions:
      Hide

      Since this is an improvement, to make Afterburner more responsive, it will need testing mainly for its responsiveness. In order that it can be tested for this, can you take it through its paces with respect to mobile technology right through to standalone wide-screen computers.

      The main feature is the custommenu when viewed on mobile devices. It displays in an expanded form.

      • Test afterburner theme on mobile device
      • Test afterburner theme on tablet device
      • Test afterburner theme on desktop/laptop device
      1. Ensure that theme renders well without strange overhangs or "artifacting"
      2. Ensure that theme is usable at all sizes
      Show
      Since this is an improvement, to make Afterburner more responsive, it will need testing mainly for its responsiveness. In order that it can be tested for this, can you take it through its paces with respect to mobile technology right through to standalone wide-screen computers. The main feature is the custommenu when viewed on mobile devices. It displays in an expanded form. Test afterburner theme on mobile device Test afterburner theme on tablet device Test afterburner theme on desktop/laptop device Ensure that theme renders well without strange overhangs or "artifacting" Ensure that theme is usable at all sizes
    • Affected Branches:
      MOODLE_24_STABLE
    • Fixed Branches:
      MOODLE_26_STABLE
    • Pull Master Branch:
      wip-MDL-35217_M26

      Description

      Making a few alterations hopefully to make this 'fluid' theme work better, more fully responsive.

        Attachments

        1. clean.png
          clean.png
          13 kB
        2. completion_icon.png
          completion_icon.png
          4 kB
        3. fullscreen.png
          fullscreen.png
          31 kB
        4. ipad-landscape.png
          ipad-landscape.png
          101 kB
        5. ipad-portrait.png
          ipad-portrait.png
          118 kB
        6. iphone-landscape.png
          iphone-landscape.png
          71 kB
        7. iphone-portrait.png
          iphone-portrait.png
          107 kB
        8. responsive.png
          responsive.png
          15 kB
        9. safari1024.png
          safari1024.png
          91 kB
        10. safari640.png
          safari640.png
          46 kB
        11. safari800.png
          safari800.png
          79 kB

          Issue Links

            Activity

              People

              • Votes:
                3 Vote for this issue
                Watchers:
                11 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:
                  Fix Release Date:
                  18/Nov/13