From 44ada3fc6f092b9ee15de2f4ebbc269d4b354f64 Mon Sep 17 00:00:00 2001
From: Zero~Informatique
Date: Sat, 4 Apr 2020 00:41:35 +0200
Subject: viewer: items with long titles overflow
code review changes
GitHub: Resolves #137
---
viewer/src/components/LdThumbnail.vue | 5 +++--
viewer/src/main.ts | 2 --
2 files changed, 3 insertions(+), 4 deletions(-)
(limited to 'viewer/src')
diff --git a/viewer/src/components/LdThumbnail.vue b/viewer/src/components/LdThumbnail.vue
index 5166834..9805873 100644
--- a/viewer/src/components/LdThumbnail.vue
+++ b/viewer/src/components/LdThumbnail.vue
@@ -29,7 +29,7 @@
/>
- {{item.title | underscore-to-space}}
+ {{item.title}}
@@ -65,8 +65,9 @@ export default class LdThumbnail extends Vue {
.thumbnail-other {
width: $thumbnail-other-size;
height: $thumbnail-other-size;
+ padding-top: 1em;
text-align: center;
- word-break: break-all;
+ word-break: break-word;
overflow: hidden;
}
diff --git a/viewer/src/main.ts b/viewer/src/main.ts
index f849525..1f77875 100644
--- a/viewer/src/main.ts
+++ b/viewer/src/main.ts
@@ -31,8 +31,6 @@ import(/* webpackChunkName: "ui" */ "@/plugins/dragscroll");
import(/* webpackChunkName: "ui" */ "@/plugins/fontawesome");
const MainLayout = () => import(/* webpackChunkName: "ui" */ "@/views/MainLayout.vue");
-Vue.filter("underscore-to-space", (input: string) => input.replace(/_/g, ' '));
-
new Vue({
router,
i18n,
--
cgit v1.2.3