From a45887fe48b97d04627542d6117806a39dc1b325 Mon Sep 17 00:00:00 2001
From: Alicia Sykes <sykes.alicia@gmail.com>
Date: Fri, 15 Oct 2021 22:07:02 +0100
Subject: [PATCH] :adhesive_bandage: Fix text overflow on small items
---
src/components/LinkItems/Item.vue | 5 +++--
1 file changed, 3 insertions(+), 2 deletions(-)
diff --git a/src/components/LinkItems/Item.vue b/src/components/LinkItems/Item.vue
index 3ce80502..9c6a5a98 100644
--- a/src/components/LinkItems/Item.vue
+++ b/src/components/LinkItems/Item.vue
@@ -279,7 +279,6 @@ export default {
}
&.short:not(.size-large) {
height: 2rem;
- .tile-title { overflow: visible; }
}
}
@@ -346,6 +345,7 @@ export default {
align-items: center;
height: 2rem;
padding-top: 4px;
+ max-width: 14rem;
div img, div svg.missing-image {
width: 2rem;
}
@@ -353,7 +353,8 @@ export default {
height: fit-content;
min-height: 1.2rem;
text-align: left;
- max-width:140px;
+ max-width: 12rem;
+ overflow: hidden;
span.text {
text-align: left;
padding-left: 10%;