Fix new layout bugs
This commit is contained in:
parent
3040d0c546
commit
f8b4057b26
2 changed files with 20 additions and 5 deletions
|
@ -1211,13 +1211,26 @@ p.editable:hover i {
|
|||
|
||||
.tag-image-sizes .tag-image-size {
|
||||
height: 22px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tag-image-sizes .tag-image-size .size-title {
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.tag-image-sizes .tag-image-size .size-limiter {
|
||||
display: inline-block;
|
||||
padding-right: 90px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.tag-image-sizes .tag-image-size .size-bar {
|
||||
display: inline-block;
|
||||
background: steelblue;
|
||||
height: 12px;
|
||||
margin-right: 90px;
|
||||
}
|
||||
|
||||
#current-tag .control-bar {
|
||||
|
|
|
@ -134,13 +134,15 @@ sudo docker push quay.io/{{repo.namespace}}/{{repo.name}}</pre>
|
|||
|
||||
<div class="tag-image-sizes">
|
||||
<div class="tag-image-size" ng-repeat="image in getImagesForTagBySize(currentTag) | limitTo: 10">
|
||||
<span class="size-bar" style="{{ 'width:' + (image.size / getTotalSize(currentTag)) * 100 + '%' }}"
|
||||
bs-tooltip="image.size | bytes"></span>
|
||||
<span class="right-title"><a href="javascript:void(0)" ng-click="setImage(image.id, true)">{{ image.id.substr(0, 12) }}</a></span>
|
||||
<span class="size-limiter">
|
||||
<span class="size-bar" style="{{ 'width:' + (image.size / getTotalSize(currentTag)) * 100 + '%' }}"
|
||||
bs-tooltip="image.size | bytes"></span>
|
||||
</span>
|
||||
<span class="size-title"><a href="javascript:void(0)" ng-click="setImage(image.id, true)">{{ image.id.substr(0, 12) }}</a></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="control-bar">
|
||||
<div class="control-bar" ng-show="repo.can_admin">
|
||||
<button class="btn btn-default" ng-click="askDeleteTag(currentTag.name)">
|
||||
Delete Tag
|
||||
</button>
|
||||
|
|
Reference in a new issue