diff options
Diffstat (limited to 'apps/settings/src/components/Users/UserListFooter.vue')
| -rw-r--r-- | apps/settings/src/components/Users/UserListFooter.vue | 43 |
1 files changed, 13 insertions, 30 deletions
diff --git a/apps/settings/src/components/Users/UserListFooter.vue b/apps/settings/src/components/Users/UserListFooter.vue index d8974658354..bf9aa43b6d3 100644 --- a/apps/settings/src/components/Users/UserListFooter.vue +++ b/apps/settings/src/components/Users/UserListFooter.vue @@ -1,23 +1,6 @@ <!-- - - @copyright 2023 Christopher Ng <chrng8@gmail.com> - - - - @author Christopher Ng <chrng8@gmail.com> - - - - @license AGPL-3.0-or-later - - - - This program is free software: you can redistribute it and/or modify - - it under the terms of the GNU Affero General Public License as - - published by the Free Software Foundation, either version 3 of the - - License, or (at your option) any later version. - - - - This program is distributed in the hope that it will be useful, - - but WITHOUT ANY WARRANTY; without even the implied warranty of - - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - - GNU Affero General Public License for more details. - - - - You should have received a copy of the GNU Affero General Public License - - along with this program. If not, see <http://www.gnu.org/licenses/>. - - + - SPDX-FileCopyrightText: 2023 Nextcloud GmbH and Nextcloud contributors + - SPDX-License-Identifier: AGPL-3.0-or-later --> <template> @@ -28,7 +11,7 @@ </th> <td class="footer__cell footer__cell--loading"> <NcLoadingIcon v-if="loading" - :title="t('settings', 'Loading users …')" + :title="t('settings', 'Loading accounts …')" :size="32" /> </td> <td class="footer__cell footer__cell--count footer__cell--multiline"> @@ -43,7 +26,7 @@ <script lang="ts"> import Vue from 'vue' -import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js' +import NcLoadingIcon from '@nextcloud/vue/components/NcLoadingIcon' import { translate as t, @@ -73,8 +56,8 @@ export default Vue.extend({ if (this.loading) { return this.n( 'settings', - '{userCount} user …', - '{userCount} users …', + '{userCount} account …', + '{userCount} accounts …', this.filteredUsers.length, { userCount: this.filteredUsers.length, @@ -83,8 +66,8 @@ export default Vue.extend({ } return this.n( 'settings', - '{userCount} user', - '{userCount} users', + '{userCount} account', + '{userCount} accounts', this.filteredUsers.length, { userCount: this.filteredUsers.length, @@ -101,18 +84,18 @@ export default Vue.extend({ </script> <style lang="scss" scoped> -@import './shared/styles.scss'; +@use './shared/styles'; .footer { - @include row; - @include cell; + @include styles.row; + @include styles.cell; &__cell { position: sticky; color: var(--color-text-maxcontrast); &--loading { - left: 0; + inset-inline-start: 0; min-width: var(--avatar-cell-width); width: var(--avatar-cell-width); align-items: center; @@ -120,7 +103,7 @@ export default Vue.extend({ } &--count { - left: var(--avatar-cell-width); + inset-inline-start: var(--avatar-cell-width); min-width: var(--cell-width); width: var(--cell-width); } |