• 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

          Alan Harder added a comment -

          Maybe use nested views plugin?

          Alan Harder added a comment - Maybe use nested views plugin?

          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

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

              Created:
              Updated:
              Resolved: