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

Spacing and alignment of "action" icons is inconsistent

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Won't Fix
    • Icon: Major Major
    • blueocean-plugin
    • None
    • 1.0-beta-1, 1.0-b05/b-06, frank

      The "action" icons on the right side of various tables are often improperly aligned (should be right-aligned) and have inconsistent spacing between the icons. The columns are often much wider than they need to be.

      Areas to look at:

      • Pipeline List
      • Activity tab listing
      • Branches tab listing
      • PR's tab listing

      Impl Notes

      • Some icons are placed directly into the td element within the Dashboard code.
      • Other icons (Favorites) are added via an Extensions.Render element
      • Both containers need to ultimately have the same height and apply some consistent horizontal spacing between the elements
      • Probably requires some small tweaks to Extensions.Render itself (perhaps just adding support for a className prop)
      • Column width will be problematic since each is driven by an absolute width set on TH irrespective of the number of child elements. Ideally this should be flexible, although it may require some rejiggering of the table layouts to be more flexible.

        1. Activity.png
          71 kB
          Brody Maclean
        2. Branches.png
          77 kB
          Brody Maclean
        3. Input Needed Teal.png
          94 kB
          Brody Maclean

            sophistifunk Josh McDonald
            cliffmeyers Cliff Meyers
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Created:
              Updated:
              Resolved: