Merge pull request #1414 from coreos-inc/smalluifix

Fix overflow of tag names in the tags view
This commit is contained in:
josephschorr 2016-04-28 14:40:53 -04:00
commit 23b5edba9b
3 changed files with 38 additions and 10 deletions

View file

@ -77,7 +77,7 @@
<div class="cor-loader" ng-show="!isEnabled"></div>
<table class="co-table" id="tagsTable" ng-if="isEnabled">
<table class="co-table co-fixed-table" id="tagsTable" ng-if="isEnabled" style="margin-top: 20px;">
<thead>
<td class="checkbox-col"></td>
<td ng-class="tablePredicateClass('name', options.predicate, options.reverse)">
@ -85,29 +85,30 @@
</td>
<td class="hidden-xs"
ng-class="tablePredicateClass('last_modified_datetime', options.predicate, options.reverse)"
style="min-width: 120px;">
style="width: 140px;">
<a ng-click="orderBy('last_modified_datetime')">Last Modified</a>
</td>
<td class="hidden-xs"
ng-class="tablePredicateClass('security_scanned', options.predicate, options.reverse)"
style="min-width: 120px;"
style="width: 140px;"
quay-require="['SECURITY_SCANNER']">
Security Scan
</td>
<td class="hidden-xs"
ng-class="tablePredicateClass('size', options.predicate, options.reverse)"
style="min-width: 62px;">
style="width: 80px;">
<a ng-click="orderBy('size')">Size</a>
</td>
<td class="hidden-xs"
<td class="hidden-xs hidden-sm"
ng-class="tablePredicateClass('image_id', options.predicate, options.reverse)"
colspan="{{ imageTracks.length + 1 }}"
style="min-width: 120px;">
style="width: 140px;">
<a ng-click="orderBy('image_id')">Image</a>
</td>
<td class="hidden-xs image-track" ng-repeat="it in imageTracks" bindonce></td>
<td class="options-col"></td>
<td class="options-col"></td>
<td class="options-col"></td>
<td class="options-col hidden-xs hidden-sm"></td>
</thead>
<tr class="co-checkable-row"
@ -115,7 +116,7 @@
ng-class="checkedTags.isChecked(tag, checkedTags.checked) ? 'checked' : ''"
bindonce>
<td><span class="cor-checkable-item" controller="checkedTags" item="tag"></span></td>
<td><span class="tag-span"><i class="fa fa-tag"></i><span bo-text="tag.name"></span></span></td>
<td class="co-flowing-col"><span class="tag-span"><i class="fa fa-tag"></i><span bo-text="tag.name"></span></span></td>
<td class="hidden-xs">
<span am-time-ago="tag.last_modified" bo-if="tag.last_modified"></span>
<span bo-if="!tag.last_modified">Unknown</span>
@ -193,7 +194,7 @@
</span>
</td>
<td class="hidden-xs" bo-text="tag.size | bytes"></td>
<td class="hidden-xs image-id-col">
<td class="hidden-xs hidden-sm image-id-col">
<span class="image-link" repository="repository" image-id="tag.image_id"></span>
</td>
<td class="hidden-xs image-track" ng-repeat="it in imageTracks" bindonce>
@ -241,6 +242,7 @@
</span>
</span>
</td>
<td class="options-col hidden-xs hidden-sm"><!-- Whitespace col --></td>
</tr>
</table>