aboutsummaryrefslogtreecommitdiff
path: root/viewer
diff options
context:
space:
mode:
authorZero~Informatique2020-04-04 00:41:35 +0200
committerZero~Informatique2020-04-04 00:41:35 +0200
commit44ada3fc6f092b9ee15de2f4ebbc269d4b354f64 (patch)
tree4fb1fed6a9bc665e135e5c3393c906eef2f8676f /viewer
parentcaf68fd92912f9ffc2291ba823cc194c1cc1c61a (diff)
downloadldgallery-44ada3fc6f092b9ee15de2f4ebbc269d4b354f64.tar.gz
viewer: items with long titles overflow
code review changes GitHub: Resolves #137
Diffstat (limited to 'viewer')
-rw-r--r--viewer/src/components/LdThumbnail.vue5
-rw-r--r--viewer/src/main.ts2
2 files changed, 3 insertions, 4 deletions
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 @@
29 /> 29 />
30 <div v-else class="thumbnail-other flex-column flex-center"> 30 <div v-else class="thumbnail-other flex-column flex-center">
31 <fa-icon :icon="getIcon()" size="4x" /> 31 <fa-icon :icon="getIcon()" size="4x" />
32 {{item.title | underscore-to-space}} 32 {{item.title}}
33 </div> 33 </div>
34 </div> 34 </div>
35</template> 35</template>
@@ -65,8 +65,9 @@ export default class LdThumbnail extends Vue {
65.thumbnail-other { 65.thumbnail-other {
66 width: $thumbnail-other-size; 66 width: $thumbnail-other-size;
67 height: $thumbnail-other-size; 67 height: $thumbnail-other-size;
68 padding-top: 1em;
68 text-align: center; 69 text-align: center;
69 word-break: break-all; 70 word-break: break-word;
70 overflow: hidden; 71 overflow: hidden;
71} 72}
72 73
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");
31import(/* webpackChunkName: "ui" */ "@/plugins/fontawesome"); 31import(/* webpackChunkName: "ui" */ "@/plugins/fontawesome");
32const MainLayout = () => import(/* webpackChunkName: "ui" */ "@/views/MainLayout.vue"); 32const MainLayout = () => import(/* webpackChunkName: "ui" */ "@/views/MainLayout.vue");
33 33
34Vue.filter("underscore-to-space", (input: string) => input.replace(/_/g, ' '));
35
36new Vue({ 34new Vue({
37 router, 35 router,
38 i18n, 36 i18n,