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

Fix new layout bugs

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

15
static/css/quay.css
View file

@ -1211,13 +1211,26 @@ p.editable:hover i {
.tag-image-sizes .tag-image-size { .tag-image-sizes .tag-image-size {
height: 22px; 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 { .tag-image-sizes .tag-image-size .size-bar {
display: inline-block; display: inline-block;
background: steelblue; background: steelblue;
height: 12px; height: 12px;
margin-right: 90px;
} }
#current-tag .control-bar { #current-tag .control-bar {

10
static/partials/view-repo.html
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-sizes">
<div class="tag-image-size" ng-repeat="image in getImagesForTagBySize(currentTag) | limitTo: 10"> <div class="tag-image-size" ng-repeat="image in getImagesForTagBySize(currentTag) | limitTo: 10">
<span class="size-bar" style="{{ 'width:' + (image.size / getTotalSize(currentTag)) * 100 + '%' }}" <span class="size-limiter">
bs-tooltip="image.size | bytes"></span> <span class="size-bar" style="{{ 'width:' + (image.size / getTotalSize(currentTag)) * 100 + '%' }}"
<span class="right-title"><a href="javascript:void(0)" ng-click="setImage(image.id, true)">{{ image.id.substr(0, 12) }}</a></span> 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> </div>
<div class="control-bar"> <div class="control-bar" ng-show="repo.can_admin">
<button class="btn btn-default" ng-click="askDeleteTag(currentTag.name)"> <button class="btn btn-default" ng-click="askDeleteTag(currentTag.name)">
Delete Tag Delete Tag
</button> </button>