Set maximum width on display of robot names

Fixes https://jira.coreos.com/browse/QUAY-1069
This commit is contained in:
Joseph Schorr 2018-09-20 13:59:03 -04:00
parent 430f91b868
commit 8404d25fd4
2 changed files with 10 additions and 4 deletions

View file

@ -47,3 +47,11 @@
.entity-reference-element i.fa-group {
margin-right: 4px;
}
.entity-reference-element .robot-shortname {
max-width: 250px;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
vertical-align: text-bottom;
}

View file

@ -32,12 +32,10 @@
<span ng-if="entity.is_robot">
<i class="fa ci-robot fa-lg"></i>
<a class="entity-name" ng-if="getIsAdmin(getPrefix(entity.name))" ng-click="showRobotCredentials()">
<span class="prefix">{{ getPrefix(entity.name) }}+</span>
<span>{{ getShortenedName(entity.name) }}</span>
<span class="prefix">{{ getPrefix(entity.name) }}+</span><span class="robot-shortname">{{ getShortenedName(entity.name) }}</span>
</a>
<span class="entity-name" ng-if="!getIsAdmin(getPrefix(entity.name))">
<span class="prefix">{{ getPrefix(entity.name) }}+</span>
<span>{{ getShortenedName(entity.name) }}</span>
<span class="prefix">{{ getPrefix(entity.name) }}+</span><span class="robot-shortname">{{ getShortenedName(entity.name) }}</span>
</span>
</span>
</span>