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

          Zeplin

            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 Integration