Add a maximum width on the friendly name and service name columns
This commit is contained in:
parent
9f4a4092da
commit
6a00025545
2 changed files with 14 additions and 3 deletions
|
@ -86,4 +86,13 @@
|
||||||
font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
|
font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
|
||||||
background: white;
|
background: white;
|
||||||
min-height: 500px;
|
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;
|
||||||
}
|
}
|
|
@ -54,10 +54,12 @@
|
||||||
</span>
|
</span>
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<a ng-click="toggleDetails(key)" bo-if="key.name"><span bo-text="key.name"></span></a>
|
<span class="max-text">
|
||||||
<a ng-click="toggleDetails(key)" bo-if="!key.name" class="unnamed">(Unnamed)</a>
|
<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>
|
||||||
<td><span bo-text="key.service"></span></td>
|
<td><span class="max-text" bo-text="key.service"></span></td>
|
||||||
<td>
|
<td>
|
||||||
<span am-time-ago="key.created_date"></span>
|
<span am-time-ago="key.created_date"></span>
|
||||||
</td>
|
</td>
|
||||||
|
|
Reference in a new issue