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

Improve the interface for the group members select menu

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: CLOSED
    • Priority: Minor
    • Resolution: Fixed
    • Affects Version/s: 11.4, 12.1, 19.0
    • Fix Version/s: 12.3, 19.0
    • Component/s: Site Info
    • Labels:
    • 12 status:
      Resolved
    • Test Plan:
      Hide
      1. go to Site Info
      2. go to Manage Groups
      3. create a new group or edit an existing group
      4. move people between the Site Members List and the Group Members List
      5. test on all variations of group edit pages for the (four?) various group creation options
      • ensure the Site Members List and Group Members List are the same width and not thin when there are no participants in these lists (see the 03-after-groupMembership.png screenshot for expected results)
      • ensure the lists' boxes do not overlap other elements
      • ensure the lists' boxes do not make the page wider that the screen size
      • ensure the page still aligns properly at various screen widths (e.g. desktop, tablet, phone)
      • ensure the page looks consistent across different browsers and OSs
      Show
      go to Site Info go to Manage Groups create a new group or edit an existing group move people between the Site Members List and the Group Members List test on all variations of group edit pages for the (four?) various group creation options ensure the Site Members List and Group Members List are the same width and not thin when there are no participants in these lists (see the 03-after-groupMembership.png screenshot for expected results) ensure the lists' boxes do not overlap other elements ensure the lists' boxes do not make the page wider that the screen size ensure the page still aligns properly at various screen widths (e.g. desktop, tablet, phone) ensure the page looks consistent across different browsers and OSs

      Description

      On the create or edit pages for groups in Site Info, there are two multi-select menus for moving participants in and out of a group. If either select menu has participants with short names or no participants at all, the menus collapse to a thin tall box.

      My fix changes the width of the menus to take up the full width available in their columns, so they are equal and uniform. I also removed the drop-down arrow used by standard select menus:

      It also looks better in the narrow mobile view:

        Gliffy Diagrams

          Attachments

            Activity

              People

              • Assignee:
                sfoster9 Shawn Foster
                Reporter:
                sfoster9 Shawn Foster
              • Votes:
                0 Vote for this issue
                Watchers:
                3 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:

                  Git Source Code