Fix new layout bugs

This commit is contained in:
Joseph Schorr 2014-01-11 03:12:16 -05:00
parent 3040d0c546
commit f8b4057b26
2 changed files with 20 additions and 5 deletions

View file

@ -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 {

View file

@ -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>