-
Story
-
Resolution: Fixed
-
Blocker
-
None
-
-
iapetus, 1.0, Blue Ocean 1.0-rc3
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 #
- is blocked by
-
JENKINS-39341 Update favourite card design
-
- Resolved
-
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;
}
```