Remove unused click handler

- Handle long lines unbroken by white space
- Cleanup

Signed-off-by: Christopher Ng <chrng8@gmail.com>
Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>

1 files changed, 27 insertions, 37 deletions

diff --git a/apps/settings/src/components/PersonalInfo/ProfileSection/ProfilePreviewCard.vue b/apps/settings/src/components/PersonalInfo/ProfileSection/ProfilePreviewCard.vue
index 0613352f300..43fcc85619a 100644
--- a/apps/settings/src/components/PersonalInfo/ProfileSection/ProfilePreviewCard.vue
+++ b/apps/settings/src/components/PersonalInfo/ProfileSection/ProfilePreviewCard.vue
@@ -32,8 +32,7 @@
 			:show-user-status="true"
 			:show-user-status-compact="false"
 			:disable-menu="true"
-			:disable-tooltip="true"
-			@click.native.prevent.stop="openStatusModal" />
+			:disable-tooltip="true" />
 		<div class="preview-card__header">
 			<span>{{ displayName }}</span>
 		</div>
@@ -57,11 +56,11 @@ export default {
 	},
 
 	props: {
-		organisation: {
+		displayName: {
 			type: String,
 			required: true,
 		},
-		displayName: {
+		organisation: {
 			type: String,
 			required: true,
 		},
@@ -75,11 +74,6 @@ export default {
 		},
 	},
 
-	data() {
-		return {
-		}
-	},
-
 	computed: {
 		disabled() {
 			return !this.profileEnabled
@@ -95,9 +89,6 @@ export default {
 			return null
 		},
 	},
-
-	methods: {
-	},
 }
 </script>
 
@@ -142,50 +133,49 @@ export default {
 		}
 	}
 
-	&__header {
-		position: relative !important;
-		width: auto !important;
-		height: 70px !important;
-		border-radius: var(--border-radius-large) var(--border-radius-large) 0 0 !important;
+	&__header,
+	&__footer {
+		position: relative;
+		width: auto;
 
 		span {
 			position: absolute;
-			bottom: 0;
 			left: 78px;
+			overflow: hidden;
+			text-overflow: ellipsis;
+			word-break: break-all;
+
+			@supports (-webkit-line-clamp: 2) {
+				display: -webkit-box;
+				-webkit-line-clamp: 2;
+				-webkit-box-orient: vertical;
+			}
+		}
+	}
+
+	&__header {
+		height: 70px;
+		border-radius: var(--border-radius-large) var(--border-radius-large) 0 0;
+
+		span {
+			bottom: 0;
 			color: var(--color-primary-text);
 			font-size: 18px;
 			font-weight: bold;
-			margin-bottom: 8px;
+			margin: 0 4px 8px 0;
 		}
 	}
 
 	&__footer {
-		position: relative;
-		width: auto;
 		height: 46px;
 
 		span {
-			position: absolute;
 			top: 0;
-			left: 78px;
 			color: var(--color-text-maxcontrast);
 			font-size: 14px;
 			font-weight: normal;
-			margin-top: 4px;
+			margin: 4px 4px 0 0;
 			line-height: 1.3;
-
-			overflow: hidden;
-			white-space: nowrap;
-			text-overflow: ellipsis;
-
-			@supports (-webkit-line-clamp: 2) {
-				overflow: hidden;
-				white-space: initial;
-				text-overflow: ellipsis;
-				display: -webkit-box;
-				-webkit-line-clamp: 2;
-				-webkit-box-orient: vertical;
-			}
 		}
 	}
 }