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 <[email protected]>
nextcloud · Sep 13, 2023 · 0e40f79 · 0e40f79
1 parent 0e5bb30
commit 0e40f79
Showing 1 changed file with 10 additions and 6 deletions.
diff --git 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;