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

Library: fix a number of layout and design issues with the page layout, breadcrumbs, and unpublish message

    Details

    • Test Plan:
      Hide

      Test the layout of pages throughout Sakai using a variety of browsers (including IE, Edge, Safari, Firefox, and Chrome) on different platforms (desktops, tablets, phones)

      Test the layout of pages throughout Sakai and focus on:

      • the layout of the site breadcrumbs,
      • the tool name (and reset link),
      • the Link/Help buttons in the top right,
      • the unpublished site banner,
      • and the spacing between the edge of content and the edge of the containing panel or page.

      Use all possible configurations of the following possible options:

      • desktop widths
      • tablet widths
      • mobile widths
      • published site
      • unpublished site
      • site with a parent site
      • site with multiple parent sites (e.g. grandparents)
      • sites with Lessons using subpages
      • sites with Lessons using subpages and links into other tools, such a link to an assignment

      Ensure the following has been fixed:

      • equal spacing around synoptic tools and Overview modules
      • equal spacing around edge of page
      • equal spacing around the tool name (and reset link)
      • equal spacing around the Link and Help links in the top right corner
      • better positioning of the unpublished site banner
      • better alignment and positioning of the breadcrumbs when using parent sites
      • better spacing and alignment of buttons at the top of Lessons pages
      • synoptic tools shift from a 2-wide layout to a stacked layout at smaller screen widths
      Show
      Test the layout of pages throughout Sakai using a variety of browsers (including IE, Edge, Safari, Firefox, and Chrome) on different platforms (desktops, tablets, phones) Test the layout of pages throughout Sakai and focus on: the layout of the site breadcrumbs, the tool name (and reset link), the Link/Help buttons in the top right, the unpublished site banner, and the spacing between the edge of content and the edge of the containing panel or page. Use all possible configurations of the following possible options: desktop widths tablet widths mobile widths published site unpublished site site with a parent site site with multiple parent sites (e.g. grandparents) sites with Lessons using subpages sites with Lessons using subpages and links into other tools, such a link to an assignment Ensure the following has been fixed: equal spacing around synoptic tools and Overview modules equal spacing around edge of page equal spacing around the tool name (and reset link) equal spacing around the Link and Help links in the top right corner better positioning of the unpublished site banner better alignment and positioning of the breadcrumbs when using parent sites better spacing and alignment of buttons at the top of Lessons pages synoptic tools shift from a 2-wide layout to a stacked layout at smaller screen widths

      Description

      There are a number of layout and design issues with the main page layout, including:

      • spacing of page edges and Overview modules
      • alignment of the Link and Help links (both in synoptic tools and in full-page tools)
      • alignment and position of the "Unpublished Site" banner and "Site to be Deleted" banner
      • alignment and positioning of the parent sites breadcrumbs
      • alignment of the Lessons breadcrumbs and top-right links
      • consistencies throughout the page layouts

      Edit: See attachments for before and after screenshots.

        Gliffy Diagrams

          Attachments

          1. 01-home-before.png
            01-home-before.png
            167 kB
          2. 02-home-after.png
            02-home-after.png
            172 kB
          3. 03-siteWithLessons-before.png
            03-siteWithLessons-before.png
            52 kB
          4. 04-siteWithLessons-after.png
            04-siteWithLessons-after.png
            52 kB
          5. 05-unpublishedSubsite-before.png
            05-unpublishedSubsite-before.png
            72 kB
          6. 06-unpublishedSubsite-after.png
            06-unpublishedSubsite-after.png
            76 kB
          7. 07-subsiteOfSubsite-before.png
            07-subsiteOfSubsite-before.png
            82 kB
          8. 08-subsiteOfSubsite-after.png
            08-subsiteOfSubsite-after.png
            88 kB
          9. 09-overviewTablet-before.png
            09-overviewTablet-before.png
            167 kB
          10. 10-overviewTablet-after.png
            10-overviewTablet-after.png
            115 kB
          11. 11-unpublishedSubsiteTablet-before.png
            11-unpublishedSubsiteTablet-before.png
            65 kB
          12. 12-unpublishedSubsiteTablet-after.png
            12-unpublishedSubsiteTablet-after.png
            69 kB
          13. 13-overviewMobile-before.png
            13-overviewMobile-before.png
            36 kB
          14. 14-overviewMobile-after.png
            14-overviewMobile-after.png
            46 kB

            Issue Links

              Activity

                People

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

                  Dates

                  • Created:
                    Updated:
                    Resolved:

                    Git Source Code