Skip to content

Commit

Permalink
Improve pagination look on mobile
Browse files Browse the repository at this point in the history
  • Loading branch information
@nkonev
nkonev committed Nov 1, 2023
1 parent dc9abb2 commit ca89160
Show file tree
Hide file tree
Showing 7 changed files with 14 additions and 14 deletions.
4 changes: 2 additions & 2 deletions frontend/src/ChatParticipantsModal.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -124,14 +124,14 @@
<v-pagination
variant="elevated"
active-color="primary"
density="comfortable"
:density="isMobile() ? 'compact' : 'comfortable'"
v-if="shouldShowPagination"
v-model="page"
:length="pagesCount"
:total-visible="isMobile() ? 3 : 7"
></v-pagination>
</v-col>
<v-col class="ma-0 pa-0 d-flex flex-row flex-grow-0 flex-shrink-0 align-self-end">
<v-col class="ma-0 pa-0 d-flex flex-row flex-grow-1 flex-shrink-0 align-self-end justify-end">
<v-btn v-if="dto.canEdit" color="primary" variant="flat" @click="addParticipants()">
{{ $vuetify.locale.t('$vuetify.add') }}
</v-btn>
Expand Down
4 changes: 2 additions & 2 deletions frontend/src/FileItemAttachToMessage.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -34,14 +34,14 @@
<v-pagination
variant="elevated"
active-color="primary"
density="comfortable"
:density="isMobile() ? 'compact' : 'comfortable'"
v-if="shouldShowPagination"
v-model="page"
:length="pagesCount"
:total-visible="isMobile() ? 3 : 7"
></v-pagination>
</v-col>
<v-col class="ma-0 pa-0 d-flex flex-row flex-grow-0 flex-shrink-0 align-self-end">
<v-col class="ma-0 pa-0 d-flex flex-row flex-grow-1 flex-shrink-0 align-self-end justify-end">
<v-btn
variant="elevated"
color="red"
Expand Down
4 changes: 2 additions & 2 deletions frontend/src/FileListModal.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -90,14 +90,14 @@
<v-pagination
variant="elevated"
active-color="primary"
density="comfortable"
:density="isMobile() ? 'compact' : 'comfortable'"
v-if="shouldShowPagination"
v-model="page"
:length="pagesCount"
:total-visible="isMobile() ? 3 : 7"
></v-pagination>
</v-col>
<v-col class="ma-0 pa-0 d-flex flex-row flex-grow-0 flex-shrink-0 align-self-end">
<v-col class="ma-0 pa-0 d-flex flex-row flex-grow-1 flex-shrink-0 align-self-end justify-end">
<v-btn variant="outlined" min-width="0" v-if="messageIdToDetachFiles" @click="onDetachFilesFromMessage()" :title="$vuetify.locale.t('$vuetify.detach_files_from_message')"><v-icon size="large">mdi-attachment-minus</v-icon></v-btn>
<v-btn variant="flat" color="primary" @click="openUploadModal()"><v-icon color="white">mdi-file-upload</v-icon>{{ $vuetify.locale.t('$vuetify.upload') }}</v-btn>
<v-btn color="red" variant="flat" @click="closeModal()">{{ $vuetify.locale.t('$vuetify.close') }}</v-btn>
Expand Down
4 changes: 2 additions & 2 deletions frontend/src/MessageEditMediaModal.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -68,14 +68,14 @@
<v-pagination
variant="elevated"
active-color="primary"
density="comfortable"
:density="isMobile() ? 'compact' : 'comfortable'"
v-if="shouldShowPagination"
v-model="page"
:length="pagesCount"
:total-visible="isMobile() ? 3 : 7"
></v-pagination>
</v-col>
<v-col class="ma-0 pa-0 d-flex flex-row flex-grow-0 flex-shrink-0 align-self-end">
<v-col class="ma-0 pa-0 d-flex flex-row flex-grow-1 flex-shrink-0 align-self-end justify-end">
<v-btn variant="outlined" @click="fromUrl()" min-width="0" :title="$vuetify.locale.t('$vuetify.from_link')"><v-icon size="large">mdi-link-variant</v-icon></v-btn>
<v-btn color="primary" variant="flat" @click="fromDisk()"><v-icon color="white">mdi-file-upload</v-icon>{{ $vuetify.locale.t('$vuetify.choose_file_from_disk') }}</v-btn>
<v-btn color="red" variant="flat" @click="closeModal()">{{ $vuetify.locale.t('$vuetify.close') }}</v-btn>
Expand Down
4 changes: 2 additions & 2 deletions frontend/src/MessageReadUsersModal.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -36,14 +36,14 @@
<v-pagination
variant="elevated"
active-color="primary"
density="comfortable"
:density="isMobile() ? 'compact' : 'comfortable'"
v-if="shouldShowPagination"
v-model="page"
:length="pagesCount"
:total-visible="isMobile() ? 3 : 7"
></v-pagination>
</v-col>
<v-col class="ma-0 pa-0 d-flex flex-row flex-grow-0 flex-shrink-0 align-self-end">
<v-col class="ma-0 pa-0 d-flex flex-row flex-grow-1 flex-shrink-0 align-self-end justify-end">
<v-btn
variant="elevated"
color="red"
Expand Down
4 changes: 2 additions & 2 deletions frontend/src/NotificationsModal.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -43,14 +43,14 @@
<v-pagination
variant="elevated"
active-color="primary"
density="comfortable"
:density="isMobile() ? 'compact' : 'comfortable'"
v-if="shouldShowPagination"
v-model="page"
:length="pagesCount"
:total-visible="isMobile() ? 3 : 7"
></v-pagination>
</v-col>
<v-col class="ma-0 pa-0 d-flex flex-row flex-grow-0 flex-shrink-0 align-self-end">
<v-col class="ma-0 pa-0 d-flex flex-row flex-grow-1 flex-shrink-0 align-self-end justify-end">
<v-btn
variant="elevated"
color="red"
Expand Down
4 changes: 2 additions & 2 deletions frontend/src/PinnedMessagesModal.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -53,14 +53,14 @@
<v-pagination
variant="elevated"
active-color="primary"
density="comfortable"
:density="isMobile() ? 'compact' : 'comfortable'"
v-if="shouldShowPagination"
v-model="page"
:length="pagesCount"
:total-visible="isMobile() ? 3 : 7"
></v-pagination>
</v-col>
<v-col class="ma-0 pa-0 d-flex flex-row flex-grow-0 flex-shrink-0 align-self-end">
<v-col class="ma-0 pa-0 d-flex flex-row flex-grow-1 flex-shrink-0 align-self-end justify-end">
<v-btn
variant="elevated"
color="red"
Expand Down

0 comments on commit ca89160

Please sign in to comment.