Fix api token list on mobile

This commit is contained in:
Johannes Zellner
2024-10-15 15:31:45 +02:00
parent 57b0cca6ab
commit d10e9d7098

View File

@@ -505,10 +505,10 @@
<table class="table table-hover" style="margin: 0;">
<thead>
<tr>
<th style="width: 35%">{{ 'profile.apiTokens.name' | tr }}</th>
<th style="width: 35%">{{ 'profile.apiTokens.lastUsed' | tr }}</th>
<th style="width: 20%">{{ 'profile.apiTokens.scope' | tr }}</th>
<th style="width: 10%" class="text-right">{{ 'main.actions' | tr }}</th>
<th>{{ 'profile.apiTokens.name' | tr }}</th>
<th class="hide-mobile">{{ 'profile.apiTokens.lastUsed' | tr }}</th>
<th>{{ 'profile.apiTokens.scope' | tr }}</th>
<th class="text-right">{{ 'main.actions' | tr }}</th>
</tr>
</thead>
<tbody>
@@ -516,10 +516,10 @@
<td colspan="3" class="text-center">{{ 'profile.apiTokens.noTokensPlaceholder' | tr }}</td>
</tr>
<tr ng-repeat="token in tokens.apiTokens">
<td class="elide-table-cell" style="text-overflow: ellipsis; white-space: nowrap;">
<td>
{{ token.name || 'unnamed' }}
</td>
<td class="elide-table-cell" style="text-overflow: ellipsis; white-space: nowrap;">
<td class="hide-mobile">
<span ng-show="token.lastUsedTime">{{ token.lastUsedTime | prettyLongDate }}</span>
<span ng-show="!token.lastUsedTime">{{ 'profile.apiTokens.neverUsed' | tr }}</span>
</td>
@@ -527,7 +527,7 @@
<span ng-show="token.scope['*'] === 'rw'">{{ 'profile.apiTokens.readwrite' | tr }}</span>
<span ng-hide="token.scope['*'] === 'rw'">{{ 'profile.apiTokens.readonly' | tr }}</span>
</td>
<td class="text-right no-wrap" style="vertical-align: bottom">
<td class="text-right">
<button class="btn btn-xs btn-danger" ng-click="tokens.revokeToken(token)" uib-tooltip="{{ 'profile.apiTokens.revokeTokenTooltip' | tr }}"><i class="far fa-trash-alt"></i></button>
</td>
</tr>