Set maximum width on display of robot names
Fixes https://jira.coreos.com/browse/QUAY-1069
This commit is contained in:
parent
430f91b868
commit
8404d25fd4
2 changed files with 10 additions and 4 deletions
|
@ -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;
|
||||
}
|
|
@ -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>
|
||||
|
|
Reference in a new issue