vbatts/quay
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Fix UI for image tracks under manifest lists

Browse source
This commit is contained in:
Joseph Schorr 2018-11-20 12:55:55 +02:00
parent dcf312d94d
commit a6ffad9759
2 changed files with 17 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
static/css/directives/repo-view/repo-panel-tags.css
View file

@ -291,6 +291,10 @@
border-top: 1px dotted #eee;
}
.repo-panel-tags-element .expanded-view.manifest-list {
.repo-panel-tags-element .expanded-viewport.manifest-list {
border-top: 1px solid #eee;
}
.repo-panel-tags-element .manifest-list-view .image-track-line {
opacity: 0.2;
}

23
static/directives/repo-view/repo-panel-tags.html
View file

@ -276,23 +276,24 @@
</manifest-security-view>
</td>
<td class="hidden-xs hidden-sm hidden-md image-track" ng-repeat="it in imageTracks"
ng-if="imageTracks.length <= maxTrackCount" bindonce>
<span class="image-track-line"
ng-if="::getTrackEntryForIndex(it, $parent.$parent.$index)"
ng-class="::trackLineExpandedClass(it, $parent.$parent.$parent.$index)"
ng-style="::{'borderColor': getTrackEntryForIndex(it, $parent.$parent.$parent.$index).color}"></span>
</td>
<td class="hidden-xs hidden-sm image-id-col">
<manifest-link repository="repository" manifest-digest="manifest.digest"></manifest-link>
</td>
<td colspan="2" class="hidden-xs hidden-sm hidden-md"></td>
<td class="hidden-xs hidden-sm hidden-md image-track" ng-repeat="it in imageTracks"
ng-if="imageTracks.length <= maxTrackCount" bindonce>
<span class="image-track-line"
ng-if="::getTrackEntryForIndex(it, $parent.$parent.$parent.$parent.$index)"
ng-class="::trackLineExpandedClass(it, $parent.$parent.$parent.$parent.$parent.$index)"
ng-style="::{'borderColor': getTrackEntryForIndex(it, $parent.$parent.$parent.$parent.$parent.$index).color}"></span>
</td>
<td colspan="3" class="hidden-xs hidden-sm hidden-md">
</td>
</tr>
<!-- Expanded View -->
<tr ng-if="expandedView" class="expanded-view" ng-class="{'manifest-list': tag.is_manifest_list}">
<tr ng-if="expandedView" class="expanded-viewport" ng-class="{'manifest-list': tag.is_manifest_list}">
<td class="checkbox-col"></td>
<td class="labels-col" colspan="{{6 + (repository.trust_enabled ? 1 : 0) + (Features.SECURITY_SCANNER ? 1 : 0) }}">
<!-- Image ID -->
@ -316,7 +317,7 @@
ng-class="::trackLineExpandedClass(it, $parent.$parent.$parent.$index)"
ng-style="::{'borderColor': getTrackEntryForIndex(it, $parent.$parent.$parent.$index).color}"></span>
</td>
<td colspan="2" class="hidden-xs hidden-sm hidden-md"></td>
<td colspan="3" class="hidden-xs hidden-sm hidden-md"></td>
</tr>
</tbody>
</table>