aboutsummaryrefslogtreecommitdiff
path: root/viewer/src/components
diff options
context:
space:
mode:
authorOzoneGrif2020-04-04 04:37:24 +0200
committerGitHub2020-04-04 04:37:24 +0200
commit6a51cbe5bbb166f58cc7961091cc64328d0d2126 (patch)
tree3883160f30b4bc4d7ec54cefc5136c22e91a46b2 /viewer/src/components
parentcd1a81f9ffc2662e4cb2d37414cd8331a27da504 (diff)
parente3a1566aca42190d486ee73612b9275560e17aa1 (diff)
downloadldgallery-6a51cbe5bbb166f58cc7961091cc64328d0d2126.tar.gz
Merge pull request #178 from pacien/oz-overflowing-titles
viewer: items with long titles overflow
Diffstat (limited to 'viewer/src/components')
-rw-r--r--viewer/src/components/LdThumbnail.vue10
1 files changed, 9 insertions, 1 deletions
diff --git a/viewer/src/components/LdThumbnail.vue b/viewer/src/components/LdThumbnail.vue
index 3ef7fa8..f8343eb 100644
--- a/viewer/src/components/LdThumbnail.vue
+++ b/viewer/src/components/LdThumbnail.vue
@@ -28,7 +28,9 @@
28 @load="loading=false" 28 @load="loading=false"
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 <div>
32 <fa-icon :icon="getIcon()" size="4x" />
33 </div>
32 {{item.title}} 34 {{item.title}}
33 </div> 35 </div>
34 </div> 36 </div>
@@ -65,7 +67,13 @@ export default class LdThumbnail extends Vue {
65.thumbnail-other { 67.thumbnail-other {
66 width: $thumbnail-other-size; 68 width: $thumbnail-other-size;
67 height: $thumbnail-other-size; 69 height: $thumbnail-other-size;
70 padding-top: $body-line-height * 2em;
68 text-align: center; 71 text-align: center;
72 word-break: break-word;
73 overflow: hidden;
74 > div {
75 min-height: $body-line-height * 3em;
76 }
69} 77}
70 78
71.preload { 79.preload {