Add a maximum width on the friendly name and service name columns

This commit is contained in:
Joseph Schorr 2016-04-11 12:05:37 -04:00 committed by Jimmy Zelinskie
parent 9f4a4092da
commit 6a00025545
2 changed files with 14 additions and 3 deletions

View file

@ -86,4 +86,13 @@
font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
background: white;
min-height: 500px;
}
.service-keys-manager-element .max-text {
display: inline-block;
max-width: 400px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: middle;
}

View file

@ -54,10 +54,12 @@
</span>
</td>
<td>
<a ng-click="toggleDetails(key)" bo-if="key.name"><span bo-text="key.name"></span></a>
<a ng-click="toggleDetails(key)" bo-if="!key.name" class="unnamed">(Unnamed)</a>
<span class="max-text">
<a ng-click="toggleDetails(key)" bo-if="key.name"><span bo-text="key.name"></span></a>
<a ng-click="toggleDetails(key)" bo-if="!key.name" class="unnamed">(Unnamed)</a>
</span>
</td>
<td><span bo-text="key.service"></span></td>
<td><span class="max-text" bo-text="key.service"></span></td>
<td>
<span am-time-ago="key.created_date"></span>
</td>