From 496768af2f8d41705eb314c396586f26ea2c7621 Mon Sep 17 00:00:00 2001
From: Nitwel <nitwel@arcor.de>
Date: Thu, 25 Feb 2021 15:59:24 +0100
Subject: [PATCH] hide overflow and location when on mobile (#4286)

---
 app/src/modules/users/routes/item.vue | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/app/src/modules/users/routes/item.vue b/app/src/modules/users/routes/item.vue
index 2c8ee6f294..0dd4e70298 100644
--- a/app/src/modules/users/routes/item.vue
+++ b/app/src/modules/users/routes/item.vue
@@ -563,6 +563,7 @@ export default defineComponent({
 
 	.user-box-content {
 		flex-grow: 1;
+		overflow: hidden;
 
 		.v-skeleton-loader {
 			width: 175px;
@@ -592,10 +593,22 @@ export default defineComponent({
 		.location {
 			color: var(--foreground-subdued);
 		}
+
+		.name {
+			white-space: nowrap;
+		}
+
+		.location {
+			display: none;
+		}
 	}
 
 	@include breakpoint(small) {
 		height: 172px;
+
+		.user-box-content .location {
+			display: block;
+		}
 	}
 }
 </style>