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

Drag and drop upload progressbar invert inner and outer

XMLWordPrintable

    • MOODLE_36_STABLE, MOODLE_37_STABLE, MOODLE_38_STABLE
    • MOODLE_38_STABLE
    • MDL-67048_master
    • Hide
      1. Use Boost and Classic Theme (master only)
      2. Go to "Site Administration > Courses > Upload courses"
      3. Upload a file using the "Drag and Drop" functionality
      4. The progressbar should now appear and show the upload progress
      5. Verify that it looks fine.
      Show
      Use Boost and Classic Theme (master only) Go to "Site Administration > Courses > Upload courses" Upload a file using the "Drag and Drop" functionality The progressbar should now appear and show the upload progress Verify that it looks fine.

      The progressbar colors should be inverted/changed. Doesn't need much more information as this is just a UI improvement.

      I've added additionally a border to the progressbar, it's not a must, but it looks better for me.

      Info: The Clean theme in Moodle 3.6 looks well!


      After basbrands told me to change it to use the Bootstrap component it looks like this:

      Actual result

      1. Use Boost or Classic Theme (Moodle 3.7 upwards)
      2. Go to "Site Administration > Courses > Upload courses"
      3. Upload a file using the "Drag and Drop" functionality
      4. The progressbar should now appear and show the upload progress
      5. Verify that it looks incorrect, as the colors are inverted

      Expected result

      1. Use Boost or Classic Theme (Moodle 3.7 upwards)
      2. Go to "Site Administration > Courses > Upload courses"
      3. Upload a file using the "Drag and Drop" functionality
      4. The progressbar should now appear and show the upload progress
      5. Verify that it looks fine.

        1. Confirmed fixed.png
          Confirmed fixed.png
          70 kB
        2. progressbar_actual.png
          progressbar_actual.png
          22 kB
        3. progressbar_new.png
          progressbar_new.png
          22 kB
        4. progressbar_new2.png
          progressbar_new2.png
          45 kB

            pead Adrian Perez
            pead Adrian Perez
            Eloy Lafuente (stronk7) Eloy Lafuente (stronk7)
            Gladys Basiana Gladys Basiana
            Votes:
            0 Vote for this issue
            Watchers:
            4 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                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.