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

Improve editing icons for usability on all types of screens

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Major
    • Resolution: Fixed
    • Affects Version/s: 2.5
    • Fix Version/s: 2.6
    • Component/s: Themes
    • Labels:
    • Testing Instructions:
      Hide
      1. Run unit tests.
      2. Run behat tests (js tests must be run).
      3. Log in as an admin.
      4. Browse to a course and turn on editing.
      5. Test all of the editing options shown for both activities and resources.
      6. Test all of the editing options shown for blocks.
      7. Disable JS.
      8. Check that check that the display is passable.
      9. Re-enable JS.
      10. Browse to the admin notifications page.
      11. Re-test block editing actions.
      • Force the group mode for the course and then view the course with editing on to make sure the "fixed" group icons are OK.
      • Test in both standard + clean and if want go the extra mile and test in other themes.
      • Toggle availability and completion settings to make sure alignment works with all combinations.
      • Toggle the two settings modeditingmenu and blockeditingmenu and check they return the menu to its former state.
      Show
      Run unit tests. Run behat tests (js tests must be run). Log in as an admin. Browse to a course and turn on editing. Test all of the editing options shown for both activities and resources. Test all of the editing options shown for blocks. Disable JS. Check that check that the display is passable. Re-enable JS. Browse to the admin notifications page. Re-test block editing actions. Force the group mode for the course and then view the course with editing on to make sure the "fixed" group icons are OK. Test in both standard + clean and if want go the extra mile and test in other themes. Toggle availability and completion settings to make sure alignment works with all combinations. Toggle the two settings modeditingmenu and blockeditingmenu and check they return the menu to its former state.
    • Affected Branches:
      MOODLE_25_STABLE
    • Fixed Branches:
      MOODLE_26_STABLE
    • Pull Master Branch:
      wip-MDL-39814-m26
    • Story Points:
      40
    • Sprint:
      FRONTEND Sprint 2

      Description

      Editing icons are sometimes messy and confusing, as well as being small and hard to hit on mobile platforms.

      This issue is about finding a solution that simplifies the display a lot by reducing available options, while trying not to slow things down for power users who are heavily engaged in creating/editing/moving/configuring activities.

      It needs to work on smartphones as well as on large desktops.

      There may be user preferences involved.

        Attachments

        1. Completion icon moved.jpg
          128 kB
          Michael de Raadt
        2. edit-before-icon.png
          12 kB
          Frédéric Massart
        3. gap.png
          215 kB
          Andrew Davis
        4. groups.png
          12 kB
          Dan Poltawski
        5. hidden1.png
          23 kB
          Dan Poltawski
        6. hidden2.png
          25 kB
          Dan Poltawski
        7. hidden3.png
          24 kB
          Dan Poltawski
        8. Menu squashed on Front page in Clean theme. Edit title does not work.jpg
          24 kB
          Michael de Raadt
        9. Menu truncated on Front page in Anomoly theme.jpg
          13 kB
          Michael de Raadt
        10. Menu truncated on Front page in Standard theme.jpg
          23 kB
          Michael de Raadt
        11. No tooltip on group icon when group mode is fixed.jpg
          8 kB
          Michael de Raadt
        12. Screen Shot 2013-07-11 at 11.45.39 PM.png
          49 kB
          Barbara Ramiro
        13. Screen Shot 2013-07-11 at 11.46.18 PM.png
          55 kB
          Barbara Ramiro
        14. Screen Shot 2013-07-11 at 11.46.35 PM.png
          42 kB
          Barbara Ramiro
        15. Screen-Shot-2013-07-11-at-11.47.00-PM.png
          24 kB
          Barbara Ramiro
        16. Screen-Shot-2013-07-11-at-11.47.11-PM.png
          25 kB
          Barbara Ramiro
        17. Screen-Shot-2013-07-11-at-11.47.22-PM.png
          25 kB
          Barbara Ramiro
        18. Screen-Shot-2013-07-11-at-11.47.22-PM 1.png
          25 kB
          Barbara Ramiro
        19. Screen Shot 2013-07-31 at 11.09.01.png
          15 kB
          Andrew Nicols
        20. Screen Shot 2013-07-31 at 11.09.43.png
          10 kB
          Andrew Nicols

          Issue Links

            Activity

              People

              Assignee:
              samhemelryk Sam Hemelryk
              Reporter:
              phalacee Jason Fowler
              Peer reviewer:
              Andrew Davis
              Integrator:
              Dan Poltawski
              Tester:
              Michael de Raadt
              Participants:
              Component watchers:
              Bas Brands
              Votes:
              4 Vote for this issue
              Watchers:
              25 Start watching this issue

                Dates

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