diff options
| author | fenn-cs <fenn25.fn@gmail.com> | 2023-09-13 20:50:11 +0100 |
|---|---|---|
| committer | nextcloud-command <nextcloud-command@users.noreply.github.com> | 2023-09-13 20:19:12 +0000 |
| commit | 2c22e1f86a773478f4e5452e0deb6e8addff2cfb (patch) | |
| tree | ad9aa076db0f23d97de7acd5262d8c1128875dcb /apps/files_sharing/src/components | |
| parent | 80f3e46ce31dd671f7b3cec09122c71a0c362133 (diff) | |
| download | nextcloud-server-2c22e1f86a773478f4e5452e0deb6e8addff2cfb.tar.gz nextcloud-server-2c22e1f86a773478f4e5452e0deb6e8addff2cfb.zip | |
Ellipsize user status in sharing entry
Signed-off-by: fenn-cs <fenn25.fn@gmail.com>
Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>
Diffstat (limited to 'apps/files_sharing/src/components')
| -rw-r--r-- | apps/files_sharing/src/components/SharingEntry.vue | 53 |
1 files changed, 25 insertions, 28 deletions
diff --git a/apps/files_sharing/src/components/SharingEntry.vue b/apps/files_sharing/src/components/SharingEntry.vue index 4bc9361004b..d6aaec53cb4 100644 --- a/apps/files_sharing/src/components/SharingEntry.vue +++ b/apps/files_sharing/src/components/SharingEntry.vue @@ -34,9 +34,9 @@ :title="tooltip" :aria-label="tooltip" :href="share.shareWithLink" - class="sharing-entry__desc"> + class="sharing-entry__summary__desc"> <span>{{ title }} - <span v-if="!isUnique" class="sharing-entry__desc-unique"> ({{ + <span v-if="!isUnique" class="sharing-entry__summary__desc-unique"> ({{ share.shareWithDisplayNameUnique }})</span> <small v-if="hasStatus && share.status.message">({{ share.status.message }})</small> </span> @@ -150,40 +150,37 @@ export default { <style lang="scss" scoped> .sharing-entry { display: flex; + justify-content: space-between; align-items: center; height: 44px; - - &__desc { - display: flex; - flex-direction: column; - justify-content: space-between; - padding-bottom: 0; - line-height: 1.2em; - - p { - color: var(--color-text-maxcontrast); - } - - &-unique { - color: var(--color-text-maxcontrast); - } - - small { - color: var(--color-text-maxcontrast); - } - } - - &__actions { - margin-left: auto; - } - &__summary { padding: 8px; padding-left: 10px; display: flex; flex-direction: column; justify-content: center; - width: 100%; + width: 75%; + min-width: 75%; + + &__desc { + display: inline-block; + flex-direction: column; + justify-content: space-between; + padding-bottom: 0; + line-height: 1.2em; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + + p, + small { + color: var(--color-text-maxcontrast); + } + + &-unique { + color: var(--color-text-maxcontrast); + } + } } } |