VladPolskiy/nextcloud-mail
1
0
Fork 0
mirror of https://github.com/nextcloud/mail.git synced 2025-07-23 02:57:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #7519 from nextcloud/add/load-more-icon

Browse Source 
Add icon for load more on PI
This commit is contained in:
Greta
2022-11-04 11:02:42 +01:00
committed by GitHub
parent 9396bb2d0c 5d1ec1126b
commit 61c106a8f9
1 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/EnvelopeList.vue
View File

@ -196,6 +196,7 @@
:key="'list-collapse-' + searchQuery" :key="'list-collapse-' + searchQuery"
class="load-more" class="load-more"
@click="$emit('load-more')"> @click="$emit('load-more')">
<AddIcon :size="20" />
{{ t('mail', 'Load more') }} {{ t('mail', 'Load more') }}
</div> </div>
<div id="load-more-mail-messages" key="loadingMore" :class="{'icon-loading-small': loadingMore}" /> <div id="load-more-mail-messages" key="loadingMore" :class="{'icon-loading-small': loadingMore}" />
@ -210,6 +211,7 @@ import Envelope from './Envelope'
import IconDelete from 'vue-material-design-icons/Delete' import IconDelete from 'vue-material-design-icons/Delete'
import ImportantIcon from './icons/ImportantIcon' import ImportantIcon from './icons/ImportantIcon'
import IconSelect from 'vue-material-design-icons/CloseThick' import IconSelect from 'vue-material-design-icons/CloseThick'
import AddIcon from 'vue-material-design-icons/Plus'
import IconFavorite from 'vue-material-design-icons/Star' import IconFavorite from 'vue-material-design-icons/Star'
import logger from '../logger' import logger from '../logger'
import MoveModal from './MoveModal' import MoveModal from './MoveModal'
@ -225,6 +227,7 @@ export default {
name: 'EnvelopeList', name: 'EnvelopeList',
components: { components: {
Actions, Actions,
AddIcon,
ActionButton, ActionButton,
Envelope, Envelope,
IconDelete, IconDelete,
@ -497,6 +500,11 @@ div {
margin-top: 10px; margin-top: 10px;
cursor: pointer; cursor: pointer;
color: var(--color-text-maxcontrast); color: var(--color-text-maxcontrast);
display: inline-flex;
gap: 15px;
}
.plus-icon {
margin-left: 20px;
} }
.multiselect-header { .multiselect-header {