• Icon: Improvement Improvement
    • Resolution: Fixed
    • Icon: Minor Minor
    • core
    • None

      Whilst there is a responsive column layout now included in the core CSS, there is a missing viewport header to tell mobile devices the page is responsive and to use the device-width (rather than trying to use desktop site width).

      I suggest adding the meta "viewport" tag to the HTML head of the page.
      <meta name="viewport" content="width=device-width, initial-scale=1" />

      Documentation on the use of the viewport tag can be found at the below links:
      http://www.w3schools.com/css/css_rwd_viewport.asp
      https://developers.google.com/speed/docs/insights/ConfigureViewport

          [JENKINS-39172] Not fully responsive on mobile

          Code changed in jenkins
          User: Lee Lavery
          Path:
          core/src/main/resources/lib/layout/html.jelly
          http://jenkins-ci.org/commit/jenkins/8242e0eb1625454ae5539c444c8d8ecf99a70b62
          Log:
          JENKINS-39172 - Add viewport meta tag (#2597)

          • Add viewport meta tag

          Enables better responsiveness on mobile devices

          • fix: Use self-closing tag
          • Remove minimum-scale for best accessibility

          SCM/JIRA link daemon added a comment - Code changed in jenkins User: Lee Lavery Path: core/src/main/resources/lib/layout/html.jelly http://jenkins-ci.org/commit/jenkins/8242e0eb1625454ae5539c444c8d8ecf99a70b62 Log: JENKINS-39172 - Add viewport meta tag (#2597) Add viewport meta tag Enables better responsiveness on mobile devices fix: Use self-closing tag Remove minimum-scale for best accessibility

          Oleg Nenashev added a comment -

          Merged towards 2.28 and marked as LTS Candidate

          Oleg Nenashev added a comment - Merged towards 2.28 and marked as LTS Candidate

          Code changed in jenkins
          User: Lee Lavery
          Path:
          core/src/main/resources/lib/layout/layout.jelly
          http://jenkins-ci.org/commit/jenkins/643442a4804e2275ae674d34c7982f33b72c58b8
          Log:
          JENKINS-39172 - Add viewport meta tag (#2626)

          • Add viewport meta tag

          Enables better responsiveness on mobile devices

          • fix: Use self-closing tag
          • Remove minimum-scale for best accessibility
          • Add viewport meta tag

          SCM/JIRA link daemon added a comment - Code changed in jenkins User: Lee Lavery Path: core/src/main/resources/lib/layout/layout.jelly http://jenkins-ci.org/commit/jenkins/643442a4804e2275ae674d34c7982f33b72c58b8 Log: JENKINS-39172 - Add viewport meta tag (#2626) Add viewport meta tag Enables better responsiveness on mobile devices fix: Use self-closing tag Remove minimum-scale for best accessibility Add viewport meta tag

            leelavery Lee Lavery
            leelavery Lee Lavery
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Created:
              Updated:
              Resolved: