diff options
Diffstat (limited to 'apps/settings/src/components/AppList/AppItem.vue')
| -rw-r--r-- | apps/settings/src/components/AppList/AppItem.vue | 37 |
1 files changed, 17 insertions, 20 deletions
diff --git a/apps/settings/src/components/AppList/AppItem.vue b/apps/settings/src/components/AppList/AppItem.vue index 179497a0f19..0838f2c8822 100644 --- a/apps/settings/src/components/AppList/AppItem.vue +++ b/apps/settings/src/components/AppList/AppItem.vue @@ -23,12 +23,10 @@ <template> <component :is="listView ? `tr` : `li`" class="section" - :class="{ selected: isSelected }" - @click="showAppDetails"> + :class="{ selected: isSelected }"> <component :is="dataItemTag" class="app-image app-image-icon" - :headers="getDataItemHeaders(`app-table-col-icon`)" - @click="showAppDetails"> + :headers="getDataItemHeaders(`app-table-col-icon`)"> <div v-if="(listView && !app.preview) || (!listView && !screenshotLoaded)" class="icon-settings-dark" /> <svg v-else-if="listView && app.preview" @@ -48,9 +46,11 @@ </component> <component :is="dataItemTag" class="app-name" - :headers="getDataItemHeaders(`app-table-col-name`)" - @click="showAppDetails"> - {{ app.name }} + :headers="getDataItemHeaders(`app-table-col-name`)"> + <router-link class="app-name--link" :to="{ name: 'apps-details', params: { category: category, id: app.id }}" + :aria-label="t('settings', 'Show details for {appName} app', { appName:app.name })"> + {{ app.name }} + </router-link> </component> <component :is="dataItemTag" v-if="!listView" @@ -185,19 +185,6 @@ export default { }, methods: { - async showAppDetails(event) { - if (event.currentTarget.tagName === 'INPUT' || event.currentTarget.tagName === 'A') { - return - } - try { - await this.$router.push({ - name: 'apps-details', - params: { category: this.category, id: this.app.id }, - }) - } catch (e) { - // we already view this app - } - }, prefix(prefix, content) { return prefix + '_' + content }, @@ -217,4 +204,14 @@ export default { .app-image img { width: 100%; } + +.app-name--link::after { + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + </style> |