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

Style the no-JS message for Morpheus

    XMLWordPrintable

    Details

    • Type: (Deprecated) Contributed Patch
    • Status: CLOSED
    • Priority: Minor
    • Resolution: Fixed
    • Affects Version/s: 11.0, 11.1, 11.2, 11.3, 12.0
    • Fix Version/s: 11.3, 12.0
    • Component/s: Reference
    • 11 status:
      Resolved
    • Test Plan:
      Hide

      1. disable JavaScript in your browser (or install the NoScript browser add-on to disable JavaScript for just a particular Sakai instance)

      2. check the following:

      • make sure the message is no longer at the top of the page
      • make sure the message is red and readable at the bottom of the page
      • make sure the message is on top of page elements and nothing sits on top of it
      • make sure the message scales to different browser widths including narrow (mobile) view and wide (desktop) view
      • make sure the message displays okay on mobile devices
      • make sure the message disappears when JavaScript is enabled
      Show
      1. disable JavaScript in your browser (or install the NoScript browser add-on to disable JavaScript for just a particular Sakai instance) 2. check the following: make sure the message is no longer at the top of the page make sure the message is red and readable at the bottom of the page make sure the message is on top of page elements and nothing sits on top of it make sure the message scales to different browser widths including narrow (mobile) view and wide (desktop) view make sure the message displays okay on mobile devices make sure the message disappears when JavaScript is enabled

      Description

      The message that appears when JavaScript isn't enabled for Sakai isn't styled in Morpheus.

      I have recreated the fixed red box that floats at the bottom of the browser window similar to how it did in Sakai 10. Works in the narrow mobile view too.

      See the before and after screenshots for details.

        Gliffy Diagrams

          Zeplin

            Attachments

            1. 01-before-noJS.png
              50 kB
              Shawn Foster
            2. 02-after-noJS.png
              50 kB
              Shawn Foster
            3. 03-after-noJS-mobile.png
              64 kB
              Shawn Foster
            4. IMG_2190.PNG
              88 kB
              Jennifer Sadler
            5. Screen Shot 2017-01-16 at 1.38.31 PM.png
              66 kB
              Jennifer Sadler
            6. Screen Shot 2017-01-16 at 1.38.35 PM.png
              114 kB
              Jennifer Sadler
            7. Screen Shot 2017-01-16 at 1.38.38 PM.png
              186 kB
              Jennifer Sadler
            8. Screen Shot 2017-01-16 at 1.38.42 PM.png
              64 kB
              Jennifer Sadler
            9. Screen Shot 2017-01-16 at 1.38.45 PM.png
              52 kB
              Jennifer Sadler
            10. Screen Shot 2017-01-16 at 1.38.49 PM.png
              57 kB
              Jennifer Sadler

              Activity

                People

                Assignee:
                jsadle7 Jennifer Sadler
                Reporter:
                sfoster9 Shawn Foster
                Votes:
                0 Vote for this issue
                Watchers:
                4 Start watching this issue

                  Dates

                  Created:
                  Updated:
                  Resolved:

                    Git Integration