diff options
| author | fenn-cs <fenn25.fn@gmail.com> | 2023-09-13 20:50:11 +0100 |
|---|---|---|
| committer | Louis Chemineau <louis@chmn.me> | 2023-09-14 11:37:18 +0200 |
| commit | cd795e6422ccf76aad794b733cda45b29c5cbd63 (patch) | |
| tree | 765145848a904ccda2c2e4caae5d99df4406b77a /apps | |
| parent | 80dbe54eafb0c3853e9a476b99c4ef081439a90f (diff) | |
| download | nextcloud-server-cd795e6422ccf76aad794b733cda45b29c5cbd63.tar.gz nextcloud-server-cd795e6422ccf76aad794b733cda45b29c5cbd63.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')
| -rw-r--r-- | apps/files_sharing/src/components/SharingEntry.vue | 52 |
1 files changed, 25 insertions, 27 deletions
diff --git a/apps/files_sharing/src/components/SharingEntry.vue b/apps/files_sharing/src/components/SharingEntry.vue index 4bc9361004b..c0f177edb29 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,38 @@ 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); + } + } } } |