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

New dashboard cards

    XMLWordPrintable

    Details

    • Epic Link:
    • Sprint:
      iapetus, 1.0, Blue Ocean 1.0-rc3
    • Similar Issues:

      Description

      The favourite card needs to be updated to reflect the new leaner design:

      • Thinner
      • Aligned elements
      • Has last run information

      Follow on from: https://issues.jenkins-ci.org/browse/JENKINS-39341 (which is nearly ready)

      Please make sure that commit I'd is not prefixed with a #

        Attachments

          Issue Links

            Activity

            Hide
            brody Brody Maclean added a comment -

            This is where I got to changing the CSS in the DOM.
            The icons are all a little off because the bounding boxes from the SVGs have been removed which makes them harder to resize & compare to the design.

            ```
            .pipeline-card

            { padding: 8px 16px; }

            .favorites-card-stack .pipeline-card

            { margin-bottom: 8px; }

            .pipeline-card .actions

            { min-width: 100px; }

            .pipeline-card .actions > *:hover

            { color: #fff; opacity: .75; }

            .Favorite.dark-white:hover .star-filled

            { color: #fff }

            .pipeline-card .run > *,
            .pipeline-card .actions > *

            { margin-left: 8px; }

            .jdl-table.u-table-padding td:last-child,
            .jdl-table.u-table-padding th:last-child,
            .jdl-table td.u-table-padding:last-child,
            .jdl-table th.u-table-padding:last-child

            { padding-right: 16px; width: 40px; }

            ```

            Show
            brody Brody Maclean added a comment - This is where I got to changing the CSS in the DOM. The icons are all a little off because the bounding boxes from the SVGs have been removed which makes them harder to resize & compare to the design. ``` .pipeline-card { padding: 8px 16px; } .favorites-card-stack .pipeline-card { margin-bottom: 8px; } .pipeline-card .actions { min-width: 100px; } .pipeline-card .actions > *:hover { color: #fff; opacity: .75; } .Favorite.dark-white:hover .star-filled { color: #fff } .pipeline-card .run > *, .pipeline-card .actions > * { margin-left: 8px; } .jdl-table.u-table-padding td:last-child, .jdl-table.u-table-padding th:last-child, .jdl-table td.u-table-padding:last-child, .jdl-table th.u-table-padding:last-child { padding-right: 16px; width: 40px; } ```

              People

              • Assignee:
                sophistifunk Josh McDonald
                Reporter:
                michaelneale Michael Neale
              • Votes:
                0 Vote for this issue
                Watchers:
                2 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved: