diff options
| author | Christopher Ng <chrng8@gmail.com> | 2024-05-09 15:32:02 -0700 |
|---|---|---|
| committer | Christopher Ng <chrng8@gmail.com> | 2024-05-14 09:50:51 -0700 |
| commit | 553b8d5425f8fa7a72129337c1142ce02a21c508 (patch) | |
| tree | 38cca9364ed00afbce99c92919a2383511640dc7 /apps | |
| parent | 0e29a79b23838e5fc7d4106bd2e98c7e970c6c81 (diff) | |
| download | nextcloud-server-553b8d5425f8fa7a72129337c1142ce02a21c508.tar.gz nextcloud-server-553b8d5425f8fa7a72129337c1142ce02a21c508.zip | |
feat: Split display name and username columns
Signed-off-by: Christopher Ng <chrng8@gmail.com>
Diffstat (limited to 'apps')
| -rw-r--r-- | apps/settings/src/components/Users/UserListHeader.vue | 6 | ||||
| -rw-r--r-- | apps/settings/src/components/Users/UserRow.vue | 15 | ||||
| -rw-r--r-- | apps/settings/src/components/Users/shared/styles.scss | 4 |
3 files changed, 17 insertions, 8 deletions
diff --git a/apps/settings/src/components/Users/UserListHeader.vue b/apps/settings/src/components/Users/UserListHeader.vue index e314bcb6a73..51212239fc0 100644 --- a/apps/settings/src/components/Users/UserListHeader.vue +++ b/apps/settings/src/components/Users/UserListHeader.vue @@ -35,7 +35,11 @@ <strong> {{ t('settings', 'Display name') }} </strong> - <span class="header__subtitle"> + </th> + <th class="header__cell header__cell--username" + data-cy-user-list-header-username + scope="col"> + <span> {{ t('settings', 'Username') }} </span> </th> diff --git a/apps/settings/src/components/Users/UserRow.vue b/apps/settings/src/components/Users/UserRow.vue index 3586a7702b1..76241a3118e 100644 --- a/apps/settings/src/components/Users/UserRow.vue +++ b/apps/settings/src/components/Users/UserRow.vue @@ -54,13 +54,14 @@ spellcheck="false" @trailing-button-click="updateDisplayName" /> </template> - <template v-else> - <strong v-if="!isObfuscated" - :title="user.displayname?.length > 20 ? user.displayname : null"> - {{ user.displayname }} - </strong> - <span class="row__subtitle">{{ user.id }}</span> - </template> + <strong v-else-if="!isObfuscated" + :title="user.displayname?.length > 20 ? user.displayname : null"> + {{ user.displayname }} + </strong> + </td> + + <td class="row__cell row__cell--username" data-cy-user-list-cell-username> + <span class="row__subtitle">{{ user.id }}</span> </td> <td data-cy-user-list-cell-password diff --git a/apps/settings/src/components/Users/shared/styles.scss b/apps/settings/src/components/Users/shared/styles.scss index a2ddcd8c8be..d790b0e5daf 100644 --- a/apps/settings/src/components/Users/shared/styles.scss +++ b/apps/settings/src/components/Users/shared/styles.scss @@ -66,6 +66,10 @@ } } + &--username { + padding-left: calc(var(--default-grid-baseline) * 3); + } + &--avatar { min-width: var(--avatar-cell-width); width: var(--avatar-cell-width); |