Limit the number of lines to display in card titles

This commit is contained in:
Alex Ling 2020-03-30 20:36:27 +00:00
parent c6369f9f26
commit 460fcdf2f5
3 changed files with 14 additions and 0 deletions

10
public/js/dots.js Normal file
View File

@ -0,0 +1,10 @@
const truncate = () => {
$('.acard .uk-card-title').each((i, e) => {
new Dotdotdot(e, {
height: 120,
truncate: 'letter'
});
});
};
truncate();

View File

@ -46,6 +46,8 @@
</div>
<% content_for "script" do %>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jQuery.dotdotdot/4.0.11/dotdotdot.js"></script>
<script src="/js/dots.js"></script>
<script src="/js/search.js"></script>
<script src="/js/sort-items.js"></script>
<% end %>

View File

@ -93,6 +93,8 @@
</div>
<% content_for "script" do %>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jQuery.dotdotdot/4.0.11/dotdotdot.js"></script>
<script src="/js/dots.js"></script>
<script src="/js/alert.js"></script>
<script src="/js/title.js"></script>
<script src="/js/search.js"></script>