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

Correct style for Tabs with long names and many tabs

    • Jenkins 2.251

      With change made in JENKINS-63002 the tab styles now look consistent with previous deployments when it comes to longer tab names and having many tabs. 

      With longer tab names it wraps the name and adjusts the height of the tabs to be different heights for every tab.

      With many tabs it produces a scroll bar under the tabs and forces the users to have to scroll to the right to get to the appropriate tab.

       

      Current Style

       

       

      Previous Style

       

      Please refer to commetns on JENKINS-63002 by fqueiruga to adjust the tab styles to be more consistent with what bootstrap does.

        

       

          [JENKINS-63180] Correct style for Tabs with long names and many tabs

          Bruce Coveny created issue -
          Bruce Coveny made changes -
          Attachment New: image-2020-07-23-08-56-39-197.png [ 51982 ]
          Bruce Coveny made changes -
          Attachment New: image-2020-07-23-08-56-45-227.png [ 51983 ]
          Bruce Coveny made changes -
          Description Original: With change made in JENKINS-63002 the tab styles now look consistent with previous deployments when it comes to longer tab names and having many tabs. 

          With longer tab names it wraps the name and adjusts the height of the tabs to be different heights for every tab.

          With many tabs it produces a scroll bar under the tabs and forces the users to have to scroll to the right to get to the appropriate tab.

           

          Current Style

           

          Previous Style

           

           

          Please refer to commetns on JENKINS-63002 by [~fqueiruga] to adjust the tab styles to be more consistent with what bootstrap does.

           

           
          New: With change made in JENKINS-63002 the tab styles now look consistent with previous deployments when it comes to longer tab names and having many tabs. 

          With longer tab names it wraps the name and adjusts the height of the tabs to be different heights for every tab.

          With many tabs it produces a scroll bar under the tabs and forces the users to have to scroll to the right to get to the appropriate tab.

           

          +*Current Style*+

            !image-2020-07-23-08-56-45-227.png!

           

          +*Previous Style*+

          !image-2020-07-23-08-56-39-197.png!

           

          Please refer to commetns on JENKINS-63002 by [~fqueiruga] to adjust the tab styles to be more consistent with what bootstrap does.

            !Captura de pantalla 2020-07-23 a las 10.52.36.png|width=556,height=140!

           
          Bruce Coveny made changes -
          Attachment New: image-2020-07-23-08-58-09-592.png [ 51984 ]
          Bruce Coveny made changes -
          Description Original: With change made in JENKINS-63002 the tab styles now look consistent with previous deployments when it comes to longer tab names and having many tabs. 

          With longer tab names it wraps the name and adjusts the height of the tabs to be different heights for every tab.

          With many tabs it produces a scroll bar under the tabs and forces the users to have to scroll to the right to get to the appropriate tab.

           

          +*Current Style*+

            !image-2020-07-23-08-56-45-227.png!

           

          +*Previous Style*+

          !image-2020-07-23-08-56-39-197.png!

           

          Please refer to commetns on JENKINS-63002 by [~fqueiruga] to adjust the tab styles to be more consistent with what bootstrap does.

            !Captura de pantalla 2020-07-23 a las 10.52.36.png|width=556,height=140!

           
          New: eWith change made in JENKINS-63002 the tab styles now look consistent with previous deployments when it comes to longer tab names and having many tabs. 

          With longer tab names it wraps the name and adjusts the height of the tabs to be different heights for every tab.

          With many tabs it produces a scroll bar under the tabs and forces the users to have to scroll to the right to get to the appropriate tab.

           

          +*Current Style*+

            !image-2020-07-23-08-56-45-227.png!

           

          +*Previous Style*+

          !image-2020-07-23-08-56-39-197.png!

           

          Please refer to commetns on JENKINS-63002 by [~fqueiruga] to adjust the tab styles to be more consistent with what bootstrap does.

             !image-2020-07-23-08-58-09-592.png!

           
          Bruce Coveny made changes -
          Link New: This issue is caused by JENKINS-63002 [ JENKINS-63002 ]
          Félix Queiruga Balado made changes -
          Labels New: ui ux
          Félix Queiruga Balado made changes -
          Epic Link New: JENKINS-60919 [ 204316 ]
          Bruce Coveny made changes -
          Description Original: eWith change made in JENKINS-63002 the tab styles now look consistent with previous deployments when it comes to longer tab names and having many tabs. 

          With longer tab names it wraps the name and adjusts the height of the tabs to be different heights for every tab.

          With many tabs it produces a scroll bar under the tabs and forces the users to have to scroll to the right to get to the appropriate tab.

           

          +*Current Style*+

            !image-2020-07-23-08-56-45-227.png!

           

          +*Previous Style*+

          !image-2020-07-23-08-56-39-197.png!

           

          Please refer to commetns on JENKINS-63002 by [~fqueiruga] to adjust the tab styles to be more consistent with what bootstrap does.

             !image-2020-07-23-08-58-09-592.png!

           
          New: With change made in JENKINS-63002 the tab styles now look consistent with previous deployments when it comes to longer tab names and having many tabs. 

          With longer tab names it wraps the name and adjusts the height of the tabs to be different heights for every tab.

          With many tabs it produces a scroll bar under the tabs and forces the users to have to scroll to the right to get to the appropriate tab.

           

          +*Current Style*+

            !image-2020-07-23-08-56-45-227.png!

           

          +*Previous Style*+

          !image-2020-07-23-08-56-39-197.png!

           

          Please refer to commetns on JENKINS-63002 by [~fqueiruga] to adjust the tab styles to be more consistent with what bootstrap does.

             !image-2020-07-23-08-58-09-592.png!

           
          Félix Queiruga Balado made changes -
          Assignee New: Félix Queiruga Balado [ fqueiruga ]

            fqueiruga Félix Queiruga Balado
            bcoveny Bruce Coveny
            Votes:
            2 Vote for this issue
            Watchers:
            5 Start watching this issue

              Created:
              Updated:
              Resolved: