Improved user page stash display on narrow pages.

2021-03-20 16:47:01 +01:00
parent a7cf3f689e
commit bb949e0a3b
2 changed files with 16 additions and 7 deletions
--- a/assets/components/users/stash.vue
+++ b/assets/components/users/stash.vue
@@ -130,6 +130,16 @@ export default {
 	flex-grow: 1;
 	display: inline-block;
 	text-decoration: none;
+	overflow: hidden;
+}
+
+.stash-name {
+	padding: .5rem;
+	margin: 0;
+	color: var(--shadow-strong);
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
 }

 .stash-public {
@@ -144,12 +154,6 @@ export default {
 	}
 }

-.stash-name {
-	padding: .5rem;
-	margin: 0;
-	color: var(--shadow-strong);
-}
-
 .stash-actors,
 .stash-scenes {
 	display: flex;