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 {
|
.entity-reference-element i.fa-group {
|
||||||
margin-right: 4px;
|
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">
|
<span ng-if="entity.is_robot">
|
||||||
<i class="fa ci-robot fa-lg"></i>
|
<i class="fa ci-robot fa-lg"></i>
|
||||||
<a class="entity-name" ng-if="getIsAdmin(getPrefix(entity.name))" ng-click="showRobotCredentials()">
|
<a class="entity-name" ng-if="getIsAdmin(getPrefix(entity.name))" ng-click="showRobotCredentials()">
|
||||||
<span class="prefix">{{ getPrefix(entity.name) }}+</span>
|
<span class="prefix">{{ getPrefix(entity.name) }}+</span><span class="robot-shortname">{{ getShortenedName(entity.name) }}</span>
|
||||||
<span>{{ getShortenedName(entity.name) }}</span>
|
|
||||||
</a>
|
</a>
|
||||||
<span class="entity-name" ng-if="!getIsAdmin(getPrefix(entity.name))">
|
<span class="entity-name" ng-if="!getIsAdmin(getPrefix(entity.name))">
|
||||||
<span class="prefix">{{ getPrefix(entity.name) }}+</span>
|
<span class="prefix">{{ getPrefix(entity.name) }}+</span><span class="robot-shortname">{{ getShortenedName(entity.name) }}</span>
|
||||||
<span>{{ getShortenedName(entity.name) }}</span>
|
|
||||||
</span>
|
</span>
|
||||||
</span>
|
</span>
|
||||||
</span>
|
</span>
|
||||||
|
|
Reference in a new issue