diff options
| author | John Molakvoæ <skjnldsv@users.noreply.github.com> | 2020-09-07 08:14:00 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-09-07 08:14:00 +0200 |
| commit | d52c997a5f5ddafc39f45a62a86f2f8d931f2ad6 (patch) | |
| tree | cd12fc32e427a8287a5f239093ba9d53d9aa9ccc /src | |
| parent | 041ec6773873891572f0cc2647627b9881253f42 (diff) | |
| parent | c1ec4fce4182cfad4533481464ebe8e7ab766650 (diff) | |
Merge pull request #1790 from nextcloud/fix/app-details-toggle
Add back the app details toggle
Diffstat (limited to 'src')
| -rw-r--r-- | src/views/Contacts.vue | 44 |
1 files changed, 44 insertions, 0 deletions
diff --git a/src/views/Contacts.vue b/src/views/Contacts.vue index 0023f192..a345f780 100644 --- a/src/views/Contacts.vue +++ b/src/views/Contacts.vue @@ -23,6 +23,12 @@ <template> <Content app-name="contacts"> + <!-- go back to list when in details mode --> + <a v-if="selectedContact && isMobile" + class="app-details-toggle icon-confirm" + href="#" + @click.stop.prevent="showList" /> + <!-- new-contact-button + navigation + settings --> <AppNavigation> <!-- new-contact-button --> @@ -689,6 +695,20 @@ export default { }, /** + * Show the list and deselect contact + */ + showList() { + // Reset the selected contact + this.$router.push({ + name: 'contact', + params: { + selectedGroup: this.selectedGroup, + selectedContact: undefined, + }, + }) + }, + + /** * Done importing, the user closed the import status screen */ closeImport() { @@ -834,4 +854,28 @@ export default { #app-content-wrapper { display: flex; } + +.app-details-toggle { + position: absolute; + width: 44px; + height: 44px; + padding: 14px; + cursor: pointer; + opacity: .6; + font-size: 16px; + line-height: 17px; + transform: rotate(180deg); + background-color: var(--color-main-background); + z-index: 2000; + &:active, + &:hover, + &:focus { + opacity: 1; + } + + // Hide app-navigation toggle if shown + &::v-deep + .app-navigation .app-navigation-toggle { + display: none; + } +} </style> |