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

Change the format of breadcrumbs in mobile view

XMLWordPrintable

    • MOODLE_400_STABLE
    • MOODLE_400_STABLE
    • MDL-73796-master
    • Hide
      1. Test in both boost and classic themes
      2. Login as admin
      3. Navigate to Site Administration > Manage courses and categories
      4. Create a new category
      5. In this category create a new subcategory
      6. In the subcategory create a new subcategory
      7. Click on the subcategory name in the manage courses interface
      8. Above the secondary navigation you should see a long breadcumb
      9. Now reduce the browser width to a mobile view
      10. Verify the breadcrumb items are truncated similar to this:

       

      Show
      Test in both boost and classic themes Login as admin Navigate to Site Administration > Manage courses and categories Create a new category In this category create a new subcategory In the subcategory create a new subcategory Click on the subcategory name in the manage courses interface Above the secondary navigation you should see a long breadcumb Now reduce the browser width to a mobile view Verify the breadcrumb items are truncated similar to this:  

      We want to change a few things with how the breadcrumbs look in the mobile view.

      • Remove the border around the breadcrumbs
      • There is too much line-height

      Screenshot from 2022-02-07 16-02-46.png

      Currently:

      Should be:

      It would be even better if we could truncate the breadcrumb items, so they always fill one row, like in the prototypes…

       

        1. MDL-73796_Test Passed.PNG
          23 kB
          Gladys Basiana
        2. Screen Shot 2022-02-09 at 5.09.47 pm.png
          77 kB
          Sander Bangma
        3. Screenshot 2022-02-10 at 10.12.30.png
          461 kB
          Bas Brands
        4. Screenshot 2022-02-10 at 10.14.49.png
          478 kB
          Bas Brands
        5. Screenshot 2022-02-10 at 10.16.27.png
          491 kB
          Bas Brands
        6. Screenshot 2022-02-14 at 09.44.20.png
          226 kB
          Bas Brands
        7. Screenshot from 2022-02-07 16-02-46.png
          83 kB
          Adrian Greeve
        8. Screenshot from 2022-02-07 16-02-55.png
          112 kB
          Adrian Greeve

            basbrands Bas Brands
            abgreeve Adrian Greeve
            Glyn (Mathew) May Glyn (Mathew) May
            Jake Dallimore Jake Dallimore
            Gladys Basiana Gladys Basiana
            Votes:
            0 Vote for this issue
            Watchers:
            9 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 2 hours, 5 minutes
                2h 5m

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