Merge pull request #53577 from nextcloud/backport/53512/stable31

[stable31] [files_versions] Fix sidebar version item style

Author: AndyScherzinger

apps/files_versions/src/components/Version.vue

@@ -45,7 +45,10 @@
 						disable-menu
 						disable-tooltip
 						:show-user-status="false" />
-					<div>{{ versionAuthor }}</div>
+					<div class="version__info__author_name"
+						:title="versionAuthor">
+						{{ versionAuthor }}
+					</div>
 				</div>
 			</div>
 		</template>
@@ -349,12 +352,19 @@ export default defineComponent({
 		gap: 0.5rem;
 		color: var(--color-main-text);
 		font-weight: 500;
+		overflow: hidden;
 
 		&__label {
 			font-weight: 700;
 			// Fix overflow on narrow screens
 			overflow: hidden;
 			text-overflow: ellipsis;
+			min-width: 110px;
+		}
+
+		&__author_name {
+			overflow: hidden;
+			text-overflow: ellipsis;
 		}
 
 		&__date {