aboutsummaryrefslogtreecommitdiff
path: root/viewer/src/components
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/src/components
parentcaf68fd92912f9ffc2291ba823cc194c1cc1c61a (diff)
downloadldgallery-44ada3fc6f092b9ee15de2f4ebbc269d4b354f64.tar.gz
viewer: items with long titles overflow
code review changes GitHub: Resolves #137
Diffstat (limited to 'viewer/src/components')
-rw-r--r--viewer/src/components/LdThumbnail.vue5
1 files changed, 3 insertions, 2 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