Uploaded image for project: 'Sakai'
  1. Sakai
  2. SAK-40361

Assignments > Visually distinguish sections of the students view of returned submission

    Details

    • Type: Feature Request
    • Status: Verified
    • Priority: Minor
    • Resolution: Fixed
    • Affects Version/s: 11.5 [Tentative], 12.2, 19.0
    • Fix Version/s: 19.0
    • Component/s: Assignments
    • Labels:
      None
    • 12 status:
      Please Merge
    • Test Plan:
      Hide
      1. Create an assignment that is available for submissions now; include both text instructions and an attachment
      2. Submit to the assignment as a student, including both inline text and an attachment
      3. As instructor, grade the student's submission providing embedded feedback (with double curly braces in the submission text CKEditor), additional feedback (in the dedicated feedback CKEditor), and a feedback submission
      4. Save and release the grade and feedback to the student
      5. As student, view the graded submission
      6. Verify that each panel of the page is visually distinguished by a border
      Show
      Create an assignment that is available for submissions now; include both text instructions and an attachment Submit to the assignment as a student, including both inline text and an attachment As instructor, grade the student's submission providing embedded feedback (with double curly braces in the submission text CKEditor), additional feedback (in the dedicated feedback CKEditor), and a feedback submission Save and release the grade and feedback to the student As student, view the graded submission Verify that each panel of the page is visually distinguished by a border

      Description

      The current state of the student's view grade/submission/feedback UI can become cluttered if all possible sections are present (assignment instructions, assignment attachments, original submission text, original submission attachments, instructor feedback, instructor feedback attachments).

      The linked PR visually distinguishes these sections by giving each "panel" a border. See attached before and after screenshots.

        Gliffy Diagrams

          Attachments

          1. 1-before.png
            1-before.png
            44 kB
          2. 2-after.png
            2-after.png
            45 kB

            Activity

              People

              • Assignee:
                lgekeler Laura Gekeler
                Reporter:
                bjones86 Brian Jones
              • Votes:
                0 Vote for this issue
                Watchers:
                4 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:

                  Git Source Code