diff options
| author | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2021-05-30 12:29:40 +0200 |
|---|---|---|
| committer | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2021-05-30 12:29:40 +0200 |
| commit | fec1798301f0dbe6986c775e4596b07ce27145d9 (patch) | |
| tree | 7c4689cc35c7c9a35b363d6ec1d23d279cc82d51 /src/views | |
| parent | a4a5ca65d06700b2524e9cde67151e2475bba6ca (diff) | |
Fix mobile details toggle
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
Diffstat (limited to 'src/views')
| -rw-r--r-- | src/views/Contacts.vue | 33 |
1 files changed, 3 insertions, 30 deletions
diff --git a/src/views/Contacts.vue b/src/views/Contacts.vue index c336115f..a616377b 100644 --- a/src/views/Contacts.vue +++ b/src/views/Contacts.vue @@ -24,10 +24,7 @@ <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" /> + <AppDetailsToggle v-if="isMobile && selectedContact" @click.native.stop.prevent="showList" /> <!-- new-contact-button + navigation + settings --> <RootNavigation @@ -76,6 +73,7 @@ import Modal from '@nextcloud/vue/dist/Components/Modal' import { showError } from '@nextcloud/dialogs' import { VCardTime } from 'ical.js' +import AppDetailsToggle from '../components/AppContent/AppDetailsToggle' import CircleContent from '../components/AppContent/CircleContent' import ContactsContent from '../components/AppContent/ContactsContent' import ContactsPicker from '../components/EntityPicker/ContactsPicker' @@ -91,6 +89,7 @@ export default { name: 'Contacts', components: { + AppDetailsToggle, AppNavigationNew, CircleContent, ContactsContent, @@ -399,29 +398,3 @@ export default { }, } </script> - -<style lang="scss" scoped> -.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> |