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

Wrap view tabs

XMLWordPrintable

    • Icon: Improvement Improvement
    • Resolution: Duplicate
    • Icon: Major Major
    • core
    • None

      As an example: http://hudson.zones.apache.org/hudson/

      This hudson instance has many views defined which causes the whole page to be stretched way to wide. It would be nice if these tabs would somehow wrap so that the page fits the browser width. This could be an optional setting or a default if the number of tabs gets bigger than x

          [JENKINS-5596] Wrap view tabs

          francisdb created issue -

          Alan Harder added a comment -

          Maybe use nested views plugin?

          Alan Harder added a comment - Maybe use nested views plugin?
          Alan Harder made changes -
          Link New: This issue duplicates JENKINS-1467 [ JENKINS-1467 ]
          Alan Harder made changes -
          Resolution New: Duplicate [ 3 ]
          Status Original: Open [ 1 ] New: Resolved [ 5 ]
          Andrew Bayer made changes -
          Status Original: Resolved [ 5 ] New: Closed [ 6 ]

          Scott Powers added a comment -

          I solved this doing the following.

          I used the Simple Theme Plugin: https://wiki.jenkins-ci.org/display/JENKINS/Simple+Theme+Plugin
          I used the below CSS in a file called: /var/lib/jenkins/userContent/local.css
          I linked that in the Manage Jenkins->Theme->URL of Theme CSS: /userContent/local.css

          table#viewList tr:first-child td
          {
          display: block;
          float: left;
          }
          table#viewList tr:first-child td.active
          {
          font-size: 16px;
          }

          table#viewList tr:nth-child(2) td
          {
          display: block;
          float: left;
          }
          table#viewList tr:nth-child(2) td:first-child
          {
          display: none;
          }

          Enjoy.

          Scott Powers added a comment - I solved this doing the following. I used the Simple Theme Plugin: https://wiki.jenkins-ci.org/display/JENKINS/Simple+Theme+Plugin I used the below CSS in a file called: /var/lib/jenkins/userContent/local.css I linked that in the Manage Jenkins->Theme->URL of Theme CSS: /userContent/local.css table#viewList tr:first-child td { display: block; float: left; } table#viewList tr:first-child td.active { font-size: 16px; } table#viewList tr:nth-child(2) td { display: block; float: left; } table#viewList tr:nth-child(2) td:first-child { display: none; } Enjoy.

          Scott Powers added a comment -

          You can also add:

          table#viewList td.filler
          {
          display: none !important;
          }

          to clean up some spacing

          Scott Powers added a comment - You can also add: table#viewList td.filler { display: none !important; } to clean up some spacing
          Jenkins IRC Bot made changes -
          Component/s New: core [ 15593 ]
          Component/s Original: gui [ 15492 ]
          R. Tyler Croy made changes -
          Workflow Original: JNJira [ 135688 ] New: JNJira + In-Review [ 203620 ]

            Unassigned Unassigned
            francisdb francisdb
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated:
              Resolved: