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

New dashboard cards

    XMLWordPrintable

    Details

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

      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: