Uploaded image for project: 'Jenkins'
  1. Jenkins
  2. JENKINS-13070

Scrollbar in HTML publisher due to 100% height on div/iframe

    XMLWordPrintable

    Details

    • Similar Issues:

      Description

      The HTML publisher embeds the to-be published documents in an iframe below the "Back to <project>" link. The iframe and the div around it have 100% height, which always cause a scrollbar to appear, even when it's not needed.

      See the screenshot for an example.

      I think the 100% height of the div needs to be removed.

        Attachments

          Activity

          Hide
          mcrooney mcrooney added a comment -

          This would be good to fix, I'd encourage you to give it a shot via the inspector in Chrome or otherwise, and submit a patch if it works in Firefox and Chrome.

          Show
          mcrooney mcrooney added a comment - This would be good to fix, I'd encourage you to give it a shot via the inspector in Chrome or otherwise, and submit a patch if it works in Firefox and Chrome.
          Hide
          cweiske_nr Christian Weiske added a comment - - edited

          The elements needs to get the following styles:

          body {
              padding-top: 10px;
              -moz-box-sizing: border-box;
              -webkit-box-sizing: border-box;
              box-sizing: border-box;
          }
          #tabnav {
              margin-top: 0px;
          }
          div {
              position: absolute;
              top: 0px;
              left: 0px;
              height: 100%;
              width: 100%;
              z-index: 0;
              padding-top: 2em;
              -moz-box-sizing: border-box;
              -webkit-box-sizing: border-box;
              box-sizing: border-box;
          }
          

          Works in Opera, Chromium, Firefox

          Show
          cweiske_nr Christian Weiske added a comment - - edited The elements needs to get the following styles: body { padding-top: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #tabnav { margin-top: 0px; } div { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 0; padding-top: 2em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } Works in Opera, Chromium, Firefox
          Hide
          mcrooney mcrooney added a comment -

          This should be fixed in the latest release of the HTML Publisher plugin (0.8), so please give it a try and let me know if not. Thanks!

          Show
          mcrooney mcrooney added a comment - This should be fixed in the latest release of the HTML Publisher plugin (0.8), so please give it a try and let me know if not. Thanks!
          Hide
          cweiske_nr Christian Weiske added a comment -

          Works fine in Chromium 18 and Firefox 12.

          Show
          cweiske_nr Christian Weiske added a comment - Works fine in Chromium 18 and Firefox 12.

            People

            • Assignee:
              mcrooney mcrooney
              Reporter:
              cweiske_nr Christian Weiske
            • Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved: