diff options
| author | Grigorii K. Shartsev <me@shgk.me> | 2024-03-18 17:44:15 +0100 |
|---|---|---|
| committer | Grigorii K. Shartsev <me@shgk.me> | 2024-03-19 15:38:51 +0100 |
| commit | 939759985a98d8d43f3cf19baa68945ab25ecc1e (patch) | |
| tree | 4cd6f577682d478f536a4deea9b5056c03fca6aa | |
| parent | a173f90b718e0b6cf89bc00e959ea6b7778d7cd5 (diff) | |
| download | nextcloud-server-939759985a98d8d43f3cf19baa68945ab25ecc1e.tar.gz nextcloud-server-939759985a98d8d43f3cf19baa68945ab25ecc1e.zip | |
fix(settings): make apps list search result valid table
Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
| -rw-r--r-- | apps/settings/src/components/AppList.vue | 30 |
1 files changed, 22 insertions, 8 deletions
diff --git a/apps/settings/src/components/AppList.vue b/apps/settings/src/components/AppList.vue index 718277301e4..bcd9a23112c 100644 --- a/apps/settings/src/components/AppList.vue +++ b/apps/settings/src/components/AppList.vue @@ -119,18 +119,32 @@ <div id="apps-list-search" class="apps-list apps-list--list-view"> <div class="apps-list__list-container"> - <template v-if="search !== '' && searchApps.length > 0"> - <div class="app-item"> - <div /> - <td colspan="5"> - <h2>{{ t('settings', 'Results from other categories') }}</h2> - </td> - </div> + <table v-if="search !== '' && searchApps.length > 0" class="apps-list__list-container"> + <caption class="apps-list__bundle-header"> + {{ t('settings', 'Results from other categories') }} + </caption> + <tr key="app-list-view-header"> + <th> + <span class="hidden-visually">{{ t('settings', 'Icon') }}</span> + </th> + <th> + <span class="hidden-visually">{{ t('settings', 'Name') }}</span> + </th> + <th> + <span class="hidden-visually">{{ t('settings', 'Version') }}</span> + </th> + <th> + <span class="hidden-visually">{{ t('settings', 'Level') }}</span> + </th> + <th> + <span class="hidden-visually">{{ t('settings', 'Actions') }}</span> + </th> + </tr> <AppItem v-for="app in searchApps" :key="app.id" :app="app" :category="category" /> - </template> + </table> </div> </div> |