diff options
| author | fenn-cs <fenn25.fn@gmail.com> | 2023-09-13 11:56:55 +0100 |
|---|---|---|
| committer | Andy Scherzinger <info@andy-scherzinger.de> | 2023-09-14 08:47:46 +0200 |
| commit | eb9ba2e8ce6c019e3c2eb21bc78aba52422721b4 (patch) | |
| tree | 3a0fc104e0a163f4353216285dca4a6f934ef5d3 /apps/files_sharing | |
| parent | 582c34e60510f550aa0bd0f20f4da33b2784922e (diff) | |
| download | nextcloud-server-eb9ba2e8ce6c019e3c2eb21bc78aba52422721b4.tar.gz nextcloud-server-eb9ba2e8ce6c019e3c2eb21bc78aba52422721b4.zip | |
Display user status by the side in sharing flow
The quick share drop down now takes the place where the user status
would show in the past, so we have the option of removing it (as it's available
in the profile dropdown) or putting it at the side as such.
It's put on the side without the icon, as the status icon appears on the avatar
when set.
Signed-off-by: fenn-cs <fenn25.fn@gmail.com>
Diffstat (limited to 'apps/files_sharing')
| -rw-r--r-- | apps/files_sharing/src/components/SharingEntry.vue | 16 |
1 files changed, 10 insertions, 6 deletions
diff --git a/apps/files_sharing/src/components/SharingEntry.vue b/apps/files_sharing/src/components/SharingEntry.vue index 7399617a79c..4bc9361004b 100644 --- a/apps/files_sharing/src/components/SharingEntry.vue +++ b/apps/files_sharing/src/components/SharingEntry.vue @@ -35,12 +35,11 @@ :aria-label="tooltip" :href="share.shareWithLink" class="sharing-entry__desc"> - <span>{{ title }}<span v-if="!isUnique" class="sharing-entry__desc-unique"> ({{ - share.shareWithDisplayNameUnique }})</span></span> - <p v-if="hasStatus"> - <span>{{ share.status.icon || '' }}</span> - <span>{{ share.status.message || '' }}</span> - </p> + <span>{{ title }} + <span v-if="!isUnique" class="sharing-entry__desc-unique"> ({{ + share.shareWithDisplayNameUnique }})</span> + <small v-if="hasStatus && share.status.message">({{ share.status.message }})</small> + </span> </component> <QuickShareSelect :share="share" :file-info="fileInfo" @@ -168,6 +167,10 @@ export default { &-unique { color: var(--color-text-maxcontrast); } + + small { + color: var(--color-text-maxcontrast); + } } &__actions { @@ -176,6 +179,7 @@ export default { &__summary { padding: 8px; + padding-left: 10px; display: flex; flex-direction: column; justify-content: center; |