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

"Search courses" layout should look good on all screen sizes

    XMLWordPrintable

Details

    • Bug
    • Status: Closed
    • Minor
    • Resolution: Fixed
    • 3.5.4, 3.6.2, 3.6.6, 3.7.2, 3.8, 3.9
    • 3.7.5, 3.8.2
    • Usability
    • MOODLE_35_STABLE, MOODLE_36_STABLE, MOODLE_37_STABLE, MOODLE_38_STABLE, MOODLE_39_STABLE
    • MOODLE_37_STABLE, MOODLE_38_STABLE
    • MDL-64686-master
    • Hide

      Test in Classic and Boost.

      1. Purge caches
      2. Go to the course search form on your instance, that's on /course/ if you want the course list to go with it, otherwise /course/search.php if you want just the form.
      3. Verify the form does look good on all screen sizes. Especially when shrinked the 'Go' button breaks nicely with a top margin (not sticking to the input field).

      Show
      Test in Classic and Boost. Purge caches Go to the course search form on your instance, that's on /course/ if you want the course list to go with it, otherwise /course/search.php if you want just the form. Verify the form does look good on all screen sizes. Especially when shrinked the 'Go' button breaks nicely with a top margin (not sticking to the input field).

    Description

      On the smallest devices the "Search courses" has some weird line breaks and indent.
      To reproduce go to a page which has such an element such as https://school.moodledemo.net/course/search.php for example.

      Attachments

        1. image-2019-12-10-09-16-36-389.png
          image-2019-12-10-09-16-36-389.png
          35 kB
        2. mdl_64686_peer_review_proposal.png
          mdl_64686_peer_review_proposal.png
          38 kB
        3. MDL-64686_Boost.jpg
          MDL-64686_Boost.jpg
          15 kB
        4. MDL-64686_Classic.jpg
          MDL-64686_Classic.jpg
          9 kB
        5. MDL-64686-after-boost.png
          MDL-64686-after-boost.png
          58 kB
        6. MDL-64686-after-clean.png
          MDL-64686-after-clean.png
          60 kB
        7. middle.png
          middle.png
          235 kB
        8. Proposed Search UI for wide and narrow screens.png
          Proposed Search UI for wide and narrow screens.png
          114 kB
        9. Screenshot 2019-12-09 at 12.43.39.png
          Screenshot 2019-12-09 at 12.43.39.png
          47 kB
        10. small.png
          small.png
          213 kB

        Activity

          People

            lucaboesch Luca Bösch
            lucaboesch Luca Bösch
            Kathrin Osswald Kathrin Osswald
            Eloy Lafuente (stronk7) Eloy Lafuente (stronk7)
            Anna Carissa Sadia Anna Carissa Sadia
            Huong Nguyen, Barbara Ramiro, Bas Brands, Mathew May
            Votes:
            0 Vote for this issue
            Watchers:
            9 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved:
              9/Mar/20

              Time Tracking

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